1
0
mirror of synced 2024-11-23 05:26:10 +03:00
select2/docs/_includes/head.html
2015-04-24 03:41:08 +02:00

314 lines
6.6 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
{{ page.title }}
</title>
<script type="text/javascript" src="vendor/js/jquery.min.js"></script>
<script type="text/javascript" src="dist/js/select2.full.js"></script>
<script type="text/javascript" src="vendor/js/bootstrap.min.js"></script>
<script type="text/javascript" src="vendor/js/prettify.min.js"></script>
<script type="text/javascript" src="vendor/js/anchor.min.js"></script>
<link href="vendor/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<link href="dist/css/select2.min.css" type="text/css" rel="stylesheet" />
<link href="vendor/css/font-awesome.min.css" type="text/css" rel="stylesheet" />
<link href="vendor/css/prettify.css" type="text/css" rel="stylesheet" />
<link href="vendor/css/anchor.css" type="text/css" rel="stylesheet" />
<style type="text/css">
/*
* Side navigation
*
* Scrollspy and affixed enhanced navigation to highlight sections and secondary
* sections of docs content.
*/
/* By default it's not affixed in mobile views, so undo that */
.s2-docs-sidebar.affix {
position: static;
}
@media (min-width: 768px) {
.s2-docs-sidebar {
padding-left: 20px;
}
}
/* First level of nav */
.s2-docs-sidenav {
margin-top: 20px;
margin-bottom: 20px;
}
/* All levels of nav */
.s2-docs-sidebar .nav > li > a {
margin-left: -1px;
display: block;
padding: 4px 20px;
font-size: 13px;
font-weight: 500;
color: #767676;
}
.s2-docs-sidebar .nav > li > a code {
background-color: inherit;
color: #666;
}
.s2-docs-sidebar .nav > li > a:hover,
.s2-docs-sidebar .nav > li > a:focus {
padding-left: 19px;
color: #428BCA;
text-decoration: none;
background-color: transparent;
border-left: 1px solid #428BCA;
}
.s2-docs-sidebar .nav > .active > a,
.s2-docs-sidebar .nav > .active:hover > a,
.s2-docs-sidebar .nav > .active:focus > a {
padding-left: 18px;
font-weight: bold;
color: #428BCA;
background-color: transparent;
border-left: 2px solid #428BCA;
}
/* Nav: second level (shown on .active) */
.s2-docs-sidebar .nav .nav {
display: none; /* Hide by default, but at >768px, show it */
padding-bottom: 10px;
}
.s2-docs-sidebar .nav .nav > li > a {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 30px;
font-size: 12px;
font-weight: normal;
}
.s2-docs-sidebar .nav .nav > li > a:hover,
.s2-docs-sidebar .nav .nav > li > a:focus {
padding-left: 29px;
}
.s2-docs-sidebar .nav .nav > .active > a,
.s2-docs-sidebar .nav .nav > .active:hover > a,
.s2-docs-sidebar .nav .nav > .active:focus > a {
padding-left: 28px;
font-weight: 500;
}
/* Back to top (hidden on mobile) */
.back-to-top,
.s2-docs-theme-toggle {
display: none;
padding: 4px 10px;
margin-top: 10px;
margin-left: 10px;
font-size: 12px;
font-weight: 500;
color: #999;
}
.back-to-top:hover,
.s2-docs-theme-toggle:hover {
color: #428BCA;
text-decoration: none;
}
.s2-docs-theme-toggle {
margin-top: 0;
}
@media (min-width: 768px) {
.back-to-top,
.s2-docs-theme-toggle {
display: block;
}
}
/* Show and affix the side nav when space allows it */
@media (min-width: 992px) {
.s2-docs-sidebar .s2-docs-sidenav {
border-left: 1px solid #eee;
padding-top: 40px;
}
.s2-docs-sidebar .nav > .active > ul {
display: block;
}
/* Widen the fixed sidebar */
.s2-docs-sidebar.affix,
.s2-docs-sidebar.affix-bottom {
width: 213px;
}
.s2-docs-sidebar.affix {
position: fixed; /* Undo the static from mobile first approach */
top: 0px;
}
.s2-docs-sidebar.affix-bottom {
position: absolute; /* Undo the static from mobile first approach */
}
.s2-docs-sidebar.affix-bottom .s2-docs-sidenav,
.s2-docs-sidebar.affix .s2-docs-sidenav {
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
/* Widen the fixed sidebar again */
.s2-docs-sidebar.affix-bottom,
.s2-docs-sidebar.affix {
width: 263px;
}
}
/* Footer */
.s2-docs-footer {
border-top: 1px solid #E5E5E5;
color: #767676;
padding-top: 40px;
padding-bottom: 40px;
margin-top: 100px;
text-align: center;
}
.s2-docs-footer-links {
padding-left: 0;
margin-top: 20px;
}
.s2-docs-footer-links li {
display: inline;
padding: 0 2px;
}
.s2-docs-footer-links li:after {
content: "·";
padding-left: 8px;
}
.s2-docs-footer-links li:first-child {
padding-left: 0;
}
.s2-docs-footer-links li:last-child:after {
content: "";
padding-left: 0;
}
@media (min-width: 768px) {
.s2-docs-footer p {
margin-bottom: 0;
}
}
section {
margin-bottom: 40px;
}
.btn-toolbar {
margin-bottom: 20px;
}
.jumbotron {
background-color: #fff;
border-bottom: 1px solid #eee;
}
.jumbotron h1 {
font-size: 48px;
}
.btn-outline-inverse {
color: #428BCA;
background-color: transparent;
border-color: #428BCA;
padding: 15px 30px;
font-size: 20px;
}
.btn-outline-inverse .fa {
margin-right: 8px;
}
.btn-outline-inverse:hover {
color: #fff;
border-color: #428BCA;
background-color: #428BCA;
}
.version {
color: #999;
}
.navbar {
background-color: #fff;
}
/* anchor.js */
.anchorjs-link {
float: left;
width: 1em;
height: 1em;
margin-left: -1.2em;
opacity: 0;
color: inherit;
text-align: center;
}
.anchorjs-link:link,
.anchorjs-link:visited {
text-decoration: none;
color: inherit;
}
.anchorjs-icon {
font-size: 60%;
vertical-align: .2em;
}
/* Inline code within headings retain the heading's background-color */
h2 code,
h3 code,
h4 code {
background-color: inherit;
}
/* Back to top (hidden on mobile) */
.back-to-top {
display: none;
padding: 4px 10px;
margin-top: 10px;
margin-left: 10px;
font-size: 12px;
font-weight: 500;
color: #999;
}
.back-to-top:hover {
color: #428BCA;
text-decoration: none;
}
@media (min-width: 768px) {
.back-to-top {
display: block;
}
}
.s2-docs-nav {
margin-bottom: 0;
}
.s2-docs-nav .navbar-brand {
font-weight: 500;
}
h1[id] {
padding-top: 20px;
margin-top: 0;
}
.alert {
background-color: transparent;
border-width: 2px;
}
@media (min-width: 768px) {
.alert {
padding: 30px;
}
}
</style>