mirror of
https://github.com/betaflight/betaflight-configurator.git
synced 2025-07-25 17:25:16 +03:00
Delete more unused files from libraries.
Note that this commit is indicating there needs to be a build step to make it easier to generate the used sources when packaging the configurator.
This commit is contained in:
Dominic Clifton
parent
6d524ebe5e
commit
1adc6f7bd6
5 changed files with 2 additions and 1895 deletions
|
|
@ -1,41 +0,0 @@
|
|||
# Dark and Light Dropdown Lists — CSS Code Snippet
|
||||
|
||||
**Demo**: [cssflow.com/snippets/dark-and-light-dropdown-lists/demo](http://www.cssflow.com/snippets/dark-and-light-dropdown-lists/demo)
|
||||
|
||||
Download the latest version of this snippet [here](http://www.cssflow.com/snippets/dark-and-light-dropdown-lists.zip).
|
||||
|
||||
[](http://www.cssflow.com/snippets/dark-and-light-dropdown-lists)
|
||||
|
||||
This snippet is implemented with [Sass](https://github.com/nex3/sass).
|
||||
|
||||
To compile:
|
||||
|
||||
`sass --update scss:css`
|
||||
|
||||
To compile and watch:
|
||||
|
||||
`sass --watch scss:css`
|
||||
|
||||
## Browser Compatibility
|
||||
|
||||
Firefox 4+, Safari 4+, Chrome 14+, Opera 10+, Internet Explorer 8+.
|
||||
|
||||
## Credits
|
||||
|
||||
Coded by [Thibaut Courouble](http://thibaut.me).
|
||||
|
||||
Inspired by [Hemn Chawroka's PSD](http://365psd.com/day/3-47/).
|
||||
|
||||
For more snippets, visit [CSSFlow.com](http://www.cssflow.com) or follow [@CSSFlow](https://twitter.com/CSSFlow).
|
||||
|
||||
## License
|
||||
|
||||
Copyright (c) 2012-2013 Thibaut Courouble
|
||||
|
||||
Licensed under the MIT License
|
||||
|
||||
## More CSS3
|
||||
|
||||
Check out my [UI kits built entirely with CSS](http://www.cssflow.com/ui-kits):
|
||||
|
||||
[](http://www.cssflow.com/ui-kits)
|
||||
|
|
@ -1,137 +0,0 @@
|
|||
@import '../../shared/mixins',
|
||||
'../../shared/reset',
|
||||
'../../shared/about-dark';
|
||||
|
||||
/*
|
||||
* Copyright (c) 2012-2013 Thibaut Courouble
|
||||
* http://www.cssflow.com
|
||||
*
|
||||
* Licensed under the MIT License:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
body {
|
||||
font: 13px/20px 'Lucida Grande', Tahoma, Verdana, sans-serif;
|
||||
color: #404040;
|
||||
background: #93cedf;
|
||||
}
|
||||
|
||||
.container {
|
||||
margin: 50px auto;
|
||||
width: 500px;
|
||||
text-align: center;
|
||||
|
||||
> .dropdown {
|
||||
margin: 0 20px;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 28px;
|
||||
width: 150px;
|
||||
background: #f2f2f2;
|
||||
border: 1px solid;
|
||||
border-color: white #f7f7f7 #f5f5f5;
|
||||
border-radius: 3px;
|
||||
@include linear-gradient(top, transparent, rgba(black, .06));
|
||||
@include box-shadow(0 1px 1px rgba(black, .08));
|
||||
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 9px;
|
||||
right: 10px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 4px dashed;
|
||||
border-color: #888 transparent;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&:before {
|
||||
border-bottom-style: solid;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
&:after {
|
||||
margin-top: 7px;
|
||||
border-top-style: solid;
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-select {
|
||||
position: relative;
|
||||
width: 130%;
|
||||
margin: 0;
|
||||
padding: 6px 8px 6px 10px;
|
||||
height: 28px;
|
||||
line-height: 14px;
|
||||
font-size: 12px;
|
||||
color: #62717a;
|
||||
text-shadow: 0 1px white;
|
||||
/* Fallback for IE 8 */
|
||||
background: #f2f2f2;
|
||||
/* "transparent" doesn't work with Opera */
|
||||
background: rgba(black, 0) !important;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
-webkit-appearance: none;
|
||||
|
||||
&:focus {
|
||||
z-index: 3;
|
||||
width: 100%;
|
||||
color: #394349;
|
||||
outline: 2px solid #49aff2;
|
||||
outline: 2px solid -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
> option {
|
||||
margin: 3px;
|
||||
padding: 6px 8px;
|
||||
text-shadow: none;
|
||||
background: #f2f2f2;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
/* Fix for IE 8 putting the arrows behind the select element. */
|
||||
.lt-ie9 {
|
||||
.dropdown { z-index: 1; }
|
||||
.dropdown-select { z-index: -1; }
|
||||
.dropdown-select:focus { z-index: 3; }
|
||||
}
|
||||
|
||||
/* Dirty fix for Firefox adding padding where it shouldn't. */
|
||||
@-moz-document url-prefix() { .dropdown-select { padding-left: 6px; } }
|
||||
|
||||
.dropdown-dark {
|
||||
background: #444;
|
||||
border-color: #111 #0a0a0a black;
|
||||
@include linear-gradient(top, transparent, rgba(black, .4));
|
||||
@include box-shadow(inset 0 1px rgba(white, .1), 0 1px 1px rgba(black, .2));
|
||||
|
||||
&:before { border-bottom-color: #aaa; }
|
||||
&:after { border-top-color: #aaa; }
|
||||
|
||||
.dropdown-select {
|
||||
color: #aaa;
|
||||
text-shadow: 0 1px black;
|
||||
/* Fallback for IE 8 */
|
||||
background: #444;
|
||||
|
||||
&:focus { color: #ccc; }
|
||||
|
||||
> option {
|
||||
background: #444;
|
||||
text-shadow: 0 1px rgba(black, .4);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,82 +0,0 @@
|
|||
jBox
|
||||
====
|
||||
|
||||
jBox is a powerful and flexible jQuery plugin, taking care of all your modal windows, tooltips, notices and more.
|
||||
|
||||
Demo: http://stephanwagner.me/jBox
|
||||
|
||||
Docs: http://stephanwagner.me/jBox/documentation
|
||||
|
||||
|
||||
Tooltips
|
||||
--------
|
||||
|
||||
You can use jQuery selectors to add tooltips to elements:
|
||||
|
||||
$('.tooltip').jBox('Tooltip');
|
||||
|
||||
Now elements with class="tooltip" will open tooltips:
|
||||
|
||||
<span class="tooltip" title="My first tooltip">Hover me!</span>
|
||||
<span class="tooltip" title="My second tooltip">Hover me!</span>
|
||||
|
||||
|
||||
Modal windows
|
||||
-------------
|
||||
|
||||
You can set up modal windows the same way as tooltips.
|
||||
But most of times you'd want more variety, like a title or HTML content:
|
||||
|
||||
new jBox('Modal', {
|
||||
width: 300,
|
||||
height: 200,
|
||||
attach: $('#myModal'),
|
||||
title: 'My Modal Window',
|
||||
content: '<i>Hello there!</i>'
|
||||
});
|
||||
|
||||
<div id="myModal">Click me to open a modal window!</div>
|
||||
|
||||
|
||||
|
||||
Confirm windows
|
||||
---------------
|
||||
|
||||
Confirm windows are modal windows which requires the user to confirm a click action on an element.
|
||||
Give an element the attribute data-confirm to attach it:
|
||||
|
||||
new jBox('Confirm', {
|
||||
confirmButton: 'Do it!',
|
||||
cancelButton: 'Nope'
|
||||
});
|
||||
|
||||
<div onclick="doit()" data-confirm="Do you really want to do this?">Click me!</div>
|
||||
<a href="http://stephanwagner.me" data-confirm="Do you really want to leave this page?">Click me!</a>
|
||||
|
||||
|
||||
Notices
|
||||
-------
|
||||
|
||||
A notice will open automatically and destroy itself after some time:
|
||||
|
||||
new jBox('Notice', {
|
||||
content: 'Hurray! A notice!'
|
||||
});
|
||||
|
||||
|
||||
Images
|
||||
------
|
||||
|
||||
To create image modal windows you only need following few lines:
|
||||
|
||||
new jBox('Image');
|
||||
|
||||
<a href="/image-large.jpg" data-jbox-image="gallery1" title="My image"><img src="/image.jpg" alt=""></a>
|
||||
|
||||
|
||||
Learn more
|
||||
----------
|
||||
|
||||
These few examples are very basic.
|
||||
The jBox library is quite powerful and offers a vast variety of options to customize appearance and behavior.
|
||||
Learn more in the documentation: http://stephanwagner.me/jBox/documentation
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -41,6 +41,8 @@
|
|||
<script type="text/javascript" src="./js/libraries/three/CanvasRenderer.js"></script>
|
||||
<script type="text/javascript" src="./js/libraries/jquery.flightindicators.js"></script>
|
||||
<script type="text/javascript" src="./js/libraries/semver.js"></script>
|
||||
<script type="text/javascript" src="./js/libraries/jbox/jBox.min.js"></script>
|
||||
<script type="text/javascript" src="./js/libraries/switchery/switchery.js"></script>
|
||||
<script type="text/javascript" src="./js/port_handler.js"></script>
|
||||
<script type="text/javascript" src="./js/port_usage.js"></script>
|
||||
<script type="text/javascript" src="./js/serial.js"></script>
|
||||
|
|
@ -74,8 +76,6 @@
|
|||
<script type="text/javascript" src="./tabs/logging.js"></script>
|
||||
<script type="text/javascript" src="./tabs/dataflash.js"></script>
|
||||
<script type="text/javascript" src="./tabs/firmware_flasher.js"></script>
|
||||
<script type="text/javascript" src="./js/libraries/jbox/jBox.js"></script>
|
||||
<script type="text/javascript" src="./js/libraries/switchery/switchery.js"></script>
|
||||
<title></title>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue