mirror of
https://github.com/amiaopensource/ffmprovisr.git
synced 2024-11-10 07:27:23 +01:00
Merge pull request #265 from amiaopensource/bye-bootstrap
removes reliance on bootstrap; moves necessary code to css/js
This commit is contained in:
commit
35a217c20b
7
css/bootstrap.min.css
vendored
7
css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
52
css/css.css
52
css/css.css
@ -1,5 +1,6 @@
|
||||
html, body {
|
||||
line-height: 1.5;
|
||||
font-size: 16px;
|
||||
color: #888888;
|
||||
background-color: #060606;
|
||||
margin: 0;
|
||||
@ -23,6 +24,7 @@ html, body {
|
||||
|
||||
.content {
|
||||
grid-area: content;
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
@ -109,6 +111,10 @@ h3 {
|
||||
}
|
||||
|
||||
code {
|
||||
padding: 2px 4px;
|
||||
color: #c7254e;
|
||||
background-color: #f9f2f4;
|
||||
border-radius: 4px;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
@ -146,17 +152,27 @@ div {
|
||||
background-color: #383838;
|
||||
padding: 14px;
|
||||
font-family: "Montserrat";
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
letter-spacing: 0.1em;
|
||||
letter-spacing: 0.05em;
|
||||
border: 1px solid black;
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
padding-left: 2.8em;
|
||||
transition: all .5s ease-out;
|
||||
}
|
||||
|
||||
.contents-list {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
nav .heading {
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
.recipe {
|
||||
display: block;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.recipe:hover, .contents-list:hover {
|
||||
background-color: #449d44;
|
||||
}
|
||||
@ -188,7 +204,6 @@ div {
|
||||
.codeblock {
|
||||
font-family: monospace
|
||||
padding: 2px 4px;
|
||||
font-size: 90%;
|
||||
color: #c7254e;
|
||||
background-color: #f9f2f4;
|
||||
border-radius: 4px;
|
||||
@ -201,3 +216,30 @@ div {
|
||||
.footnote {
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.well {
|
||||
padding: 1em;
|
||||
margin-bottom: 0.5em;
|
||||
background-color: #151515;
|
||||
border: 1px solid #030303;
|
||||
border-radius: 8px;
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.hiding {
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
input {
|
||||
position: absolute;
|
||||
left: -999em
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked + div {
|
||||
opacity: 1;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
transition: opacity .5s linear, height .5s linear;
|
||||
}
|
||||
|
3922
index.html
3922
index.html
File diff suppressed because it is too large
Load Diff
6
js/bootstrap.min.js
vendored
6
js/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
20
js/js.js
20
js/js.js
@ -1,24 +1,20 @@
|
||||
$(document).ready(function() {
|
||||
|
||||
$(function () {
|
||||
$('[data-toggle="tooltip"]').tooltip()
|
||||
});
|
||||
|
||||
// open recipe window if a hash is found in URL
|
||||
if(window.location.hash) {
|
||||
id = window.location.hash
|
||||
$(id).collapse('show');
|
||||
document.getElementById(id.substring(1)).checked = true;
|
||||
$('html, body').animate({ scrollTop: $(id).offset().top}, 1000);
|
||||
$(id + " .link").empty();
|
||||
$(id + " .link").append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>");
|
||||
$(id).closest('div').find('.link').empty();
|
||||
$(id).closest('div').find('.link').append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>");
|
||||
}
|
||||
|
||||
// add hash URL when recipe is opened
|
||||
$('span[data-toggle="collapse"]').on("click", function(){
|
||||
id = $(this).attr("data-target");
|
||||
window.location.hash = id
|
||||
$(id + " .link").empty();
|
||||
$(id + " .link").append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>");
|
||||
$('label[class="recipe"]').on("click", function(){
|
||||
id = $(this).attr("for");
|
||||
window.location.hash = ('#' + id)
|
||||
$('#' + id).closest('div').find('.link').empty();
|
||||
$('#' + id).closest('div').find('.link').append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>");
|
||||
});
|
||||
|
||||
});
|
||||
|
Loading…
Reference in New Issue
Block a user