Professional Documents
Culture Documents
Script
Script
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<style type="text/css">
nav .nav-wrapper i{
vertical-align: middle !important;
display: inline-block !important;
}
input.redd:-moz-placeholder {
color: #FFC5C8;
}
input.redd::-moz-placeholder {
color: #FFC5C8;
}
input.redd::-webkit-input-placeholder {
color: #FFC5C8;
}
input.redd:-ms-input-placeholder {
color: #FFC5C8;
}
input.redd:focus::-webkit-input-placeholder {
color: #969696;
}
input.redd:-moz-placeholder:focus {
color: #969696;
}
input.redd::-moz-placeholder:focus {
color: #969696;
}
input.redd:-ms-input-placeholder:focus {
color: #969696;
}
*::selection {
background: #6b6b6b;
color: #ffffff;
}
*::-moz-selection {
background: #6b6b6b;
color: #ffffff;
}
*::-webkit-selection {
background: #6b6b6b;
color: #ffffff;
}
label.search{
left: 10px !important;
}
i.mag{
color: #6b6b6b;
}
nav .input-field label.active i{
color: #E0D6D6;
}
</style>
<style>
.label-img{
width:50px;
height:50px;
vertical-align: middle;
margin-left:0.4em;
}
input#id_q{
padding-left: 5rem;
}
.body, html{
background-color: #DEDEDE !important;
}
.paper{
background-color:#fff !important;
}
.jagged {
position: relative;
padding: 8px 8px 32px 8px;
background: #DEDEDE;
}
.jagged:after {
background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-
gradient(45deg, #ffffff 16px, transparent 0);
background-position: left-bottom;
background-repeat: repeat-x;
background-size: 32px 32px;
content: " ";
display: block;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 32px;
}
</style>
<!-- Dropdown Structure -->
<ul id="dropdown1" class="dropdown-content">
<li><a href="#API" class="modal-trigger">API key</a></li>
<li class="divider"></li>
<li><a href="#about" class="modal-trigger">About</a></li>
</ul>
<nav>
<div class="nav-wrapper">
<ul class="left" style="width: 60% !important; overflow: hidden !important">
<form action="" method="post">
<input type='hidden' name='csrfmiddlewaretoken'
value='iQNz3OQ5BQvvKL9fssBwNpzTFm1fEntD' />
<div class="input-field">
<label for="search"><img
src="https://books.google.com.au/books/content?
id=L_7UDgAAQBAJ&printsec=frontcover&img=1&zoom=1" class="label-img
circle img-responsive " data-position="bottom" data-delay="50" data-
tooltip=""></label>
</form>
</ul>
</div>
</nav>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/js/materialize.min.j
s"></script>
$('#id_key_proxy').val($('#id_key').val());
$('#id_key_proxy').change(function() {
$('#id_key').val($(this).val());
});
$(".dropdown-button").dropdown();
$(".button-collapse").sideNav({edge: 'right'});
$('.modal-trigger').leanModal({
dismissible: true, // Modal can be dismissed by clicking outside of the
modal
in_duration: 300, // Transition in duration
out_duration: 50, // Transition out duration
ready: function() { }, // Callback for Modal open
complete: function() {
if ($('#id_key').value){
var API_key = $('#id_key_proxy').val()
Materialize.toast('Now using API key: '+API_key, 4000) // 4000 is
the duration of the toast
}
} // Callback for Modal close
}
);
})
</script>
</body>
</html>