Go back left arrow
This commit is contained in:
Imperator
parent
87a331265c
commit
da7fd24e1d
231
index.php
231
index.php
@ -1,116 +1,115 @@
|
||||
<?php
|
||||
|
||||
include "php/function.php";
|
||||
|
||||
error_reporting(E_ALL);
|
||||
ini_set('display_errors', TRUE);
|
||||
ini_set('display_startup_errors', TRUE);
|
||||
|
||||
if (isset($_GET['saga'])) {
|
||||
$sagaID = $_GET['saga'];
|
||||
|
||||
$result = movie_list($sagaID);
|
||||
|
||||
$movies_list = json_encode($result);
|
||||
|
||||
$saga_name = saga_name($sagaID);
|
||||
|
||||
}
|
||||
elseif (isset($_GET['movie'])) {
|
||||
$id = $_GET['movie'];
|
||||
|
||||
$result = movie_detail($id);
|
||||
|
||||
$result['release_date'] = ucwords(strftime("%d %B %Y", strtotime($result['release_date'])));
|
||||
|
||||
$movie_detail = json_encode($result);
|
||||
|
||||
$file = $result['file_path'];
|
||||
|
||||
//$file = '/var/www/html/video/test5.mkv';
|
||||
|
||||
if (is_file($file)) {
|
||||
|
||||
$info = MediaInfo($file);
|
||||
|
||||
$file_info = json_encode($info);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
$saga_list = json_encode(saga_list());
|
||||
|
||||
$movies_full_list = json_encode(movies_full_list());
|
||||
|
||||
?>
|
||||
|
||||
<!doctype html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Netflix 2.0</title>
|
||||
<link href="style/style.css" rel="stylesheet">
|
||||
<link href="/fontawesome/css/all.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="navbar">
|
||||
<a href=".">Films</a>
|
||||
<a href="#anime">Animés</a>
|
||||
<input id="search" type="text" name="search" placeholder="Recherche">
|
||||
<i class="fa fa-list fa-2x" aria-hidden="true" title="Vue en liste"></i>
|
||||
<i class="fa fa-th fa-2x" aria-hidden="true" title="Vue en miniature"></i>
|
||||
</div>
|
||||
|
||||
<h2 class="main">Netflix 2.0</h2>
|
||||
|
||||
<div id="sagas" class="main" ></div>
|
||||
<div id="movies" class="main" ></div>
|
||||
<div id="research" class="main" ></div>
|
||||
|
||||
<?php
|
||||
if (isset($movie_detail)):
|
||||
?>
|
||||
<section id="movieContent" class="main">
|
||||
<h2 id="movieTitle" style="margin: 0;"></h2>
|
||||
<div id="heure" style="margin: 0 10px; padding: 0;"></div>
|
||||
<h3 id="showDetail" class="toggle"><i class="fa fa-chevron-down" aria-hidden="true"></i> Afficher détail</h3>
|
||||
<div id="movieDetails">
|
||||
<div id="cover" >
|
||||
<img width="300" src="">
|
||||
</div>
|
||||
<div id="spec">
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="selection">
|
||||
<div id="AV"></div>
|
||||
<div id="subtitle_list"></div>
|
||||
</div>
|
||||
<div class="hidden" id="video">
|
||||
<!--<video width="600" controls>
|
||||
<source src="" type="video/mp4">
|
||||
</video>-->
|
||||
</div>
|
||||
</section>
|
||||
<?php
|
||||
endif;
|
||||
?>
|
||||
<br>
|
||||
<button id="back" onclick="goBack()">Go Back</button>
|
||||
|
||||
<script>
|
||||
|
||||
<?php
|
||||
echo "var saga_list = " . $saga_list. ";\n";
|
||||
echo "var movies_full_list = " . $movies_full_list. ";\n";
|
||||
if (isset($movies_list)) echo "var movies_list = " . $movies_list. ";\nvar saga_name = '" . addslashes($saga_name). "';";
|
||||
if (isset($file_info)) echo "var file_info = " . $file_info. ';';
|
||||
if (isset($movie_detail)) echo "var movie_detail = " . $movie_detail. ';';
|
||||
?>
|
||||
|
||||
</script>
|
||||
<script src="js/jquery-3.4.1.js"></script>
|
||||
<script src="js/function.js"></script>
|
||||
<script src="js/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
<?php
|
||||
|
||||
include "php/function.php";
|
||||
|
||||
error_reporting(E_ALL);
|
||||
ini_set('display_errors', TRUE);
|
||||
ini_set('display_startup_errors', TRUE);
|
||||
|
||||
if (isset($_GET['saga'])) {
|
||||
$sagaID = $_GET['saga'];
|
||||
|
||||
$result = movie_list($sagaID);
|
||||
|
||||
$movies_list = json_encode($result);
|
||||
|
||||
$saga_name = saga_name($sagaID);
|
||||
|
||||
}
|
||||
elseif (isset($_GET['movie'])) {
|
||||
$id = $_GET['movie'];
|
||||
|
||||
$result = movie_detail($id);
|
||||
|
||||
$result['release_date'] = ucwords(strftime("%d %B %Y", strtotime($result['release_date'])));
|
||||
|
||||
$movie_detail = json_encode($result);
|
||||
|
||||
$file = $result['file_path'];
|
||||
|
||||
//$file = '/var/www/html/video/test5.mkv';
|
||||
|
||||
if (is_file($file)) {
|
||||
|
||||
$info = MediaInfo($file);
|
||||
|
||||
$file_info = json_encode($info);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
$saga_list = json_encode(saga_list());
|
||||
|
||||
$movies_full_list = json_encode(movies_full_list());
|
||||
|
||||
?>
|
||||
|
||||
<!doctype html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Netflix 2.0</title>
|
||||
<link href="style/style.css" rel="stylesheet">
|
||||
<link href="/fontawesome/css/all.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="navbar">
|
||||
<i class="fa fa-arrow-left fa-2x" aria-hidden="true" title="Vue en liste" onclick="goBack()"></i>
|
||||
<a href=".">Films</a>
|
||||
<a href="#anime">Animés</a>
|
||||
<input id="search" type="text" name="search" placeholder="Recherche">
|
||||
<i class="fa fa-list fa-2x" aria-hidden="true" title="Vue en liste"></i>
|
||||
<i class="fa fa-th fa-2x" aria-hidden="true" title="Vue en miniature"></i>
|
||||
</div>
|
||||
|
||||
<h2 class="main">Netflix 2.0</h2>
|
||||
|
||||
<div id="sagas" class="main" ></div>
|
||||
<div id="movies" class="main" ></div>
|
||||
<div id="research" class="main" ></div>
|
||||
|
||||
<?php
|
||||
if (isset($movie_detail)):
|
||||
?>
|
||||
<section id="movieContent" class="main">
|
||||
<h2 id="movieTitle" style="margin: 0;"></h2>
|
||||
<div id="heure" style="margin: 0 10px; padding: 0;"></div>
|
||||
<h3 id="showDetail" class="toggle"><i class="fa fa-chevron-down" aria-hidden="true"></i> Afficher détail</h3>
|
||||
<div id="movieDetails">
|
||||
<div id="cover" >
|
||||
<img width="300" src="">
|
||||
</div>
|
||||
<div id="spec">
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="selection">
|
||||
<div id="AV"></div>
|
||||
<div id="subtitle_list"></div>
|
||||
</div>
|
||||
<div class="hidden" id="video">
|
||||
<!--<video width="600" controls>
|
||||
<source src="" type="video/mp4">
|
||||
</video>-->
|
||||
</div>
|
||||
</section>
|
||||
<?php
|
||||
endif;
|
||||
?>
|
||||
|
||||
<script>
|
||||
|
||||
<?php
|
||||
echo "var saga_list = " . $saga_list. ";\n";
|
||||
echo "var movies_full_list = " . $movies_full_list. ";\n";
|
||||
if (isset($movies_list)) echo "var movies_list = " . $movies_list. ";\nvar saga_name = '" . addslashes($saga_name). "';";
|
||||
if (isset($file_info)) echo "var file_info = " . $file_info. ';';
|
||||
if (isset($movie_detail)) echo "var movie_detail = " . $movie_detail. ';';
|
||||
?>
|
||||
|
||||
</script>
|
||||
<script src="js/jquery-3.4.1.js"></script>
|
||||
<script src="js/function.js"></script>
|
||||
<script src="js/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
568
js/function.js
568
js/function.js
@ -1,284 +1,284 @@
|
||||
|
||||
var duree_movie;
|
||||
|
||||
|
||||
function ShowSagas(data) {
|
||||
var nosaga = $('<a />', {
|
||||
id: 0,
|
||||
class: 'saga button box nosaga',
|
||||
href: '.?saga=0',
|
||||
});
|
||||
nosaga.append('No Saga');
|
||||
nosaga.appendTo('#sagas');
|
||||
$.each(data, function(key, value) {
|
||||
var saga = $('<a />', {
|
||||
id: value['id'],
|
||||
class: 'saga button box container',
|
||||
href: '.?saga='+value['id'],
|
||||
});
|
||||
//saga.append('<br>' + value['name']);
|
||||
saga.appendTo('#sagas');
|
||||
|
||||
var text = $('<div />', {
|
||||
html: value['name'],
|
||||
class: 'centered title',
|
||||
});
|
||||
text.prependTo(saga);
|
||||
|
||||
var image = $('<img />', {
|
||||
src: value['poster_path'],
|
||||
class: 'thumbnail',
|
||||
});
|
||||
image.prependTo(saga);
|
||||
});
|
||||
};
|
||||
|
||||
function ShowMovies(data) {
|
||||
$('#movies').append('<h3 style="margin: 10px 10px; padding: 0;">' + saga_name + '</h3>');
|
||||
$.each(data, function(key, value) {
|
||||
var movie = $('<a />', {
|
||||
id: value['id'],
|
||||
class: 'movie button box container',
|
||||
href: '.?movie='+value['id'],
|
||||
});
|
||||
//movie.append('<br>' + value['title']);
|
||||
movie.appendTo('#movies');
|
||||
|
||||
var title = $('<div />', {
|
||||
html: value['title'],
|
||||
class: 'centered title',
|
||||
});
|
||||
title.appendTo(movie);
|
||||
|
||||
var original_title = $('<div />', {
|
||||
html: value['original_title'],
|
||||
class: 'original_title',
|
||||
});
|
||||
original_title.appendTo(movie);
|
||||
original_title.hide();
|
||||
|
||||
var image = $('<img />', {
|
||||
src: value['poster_path'],
|
||||
class: 'thumbnail',
|
||||
});
|
||||
image.prependTo(movie);
|
||||
});
|
||||
};
|
||||
|
||||
function MovieDetails(data) {
|
||||
|
||||
$('#movieTitle').html(data.title);
|
||||
|
||||
var description = $('#movieDetails #spec p');
|
||||
description.empty();
|
||||
description.append('<span id="release_date">Date de sortie : ' + data.release_date + '<br></span>');
|
||||
description.append('<span id="viewOverview" class="toggle"><i class="fa fa-chevron-right" aria-hidden="true"></i> Résumé</span><br><span class="overview" style="display: none">' + data.overview + '<br></span>');
|
||||
description.append('<span id="original_language">Langue original : ' + data.original_language + '<br></span>');
|
||||
description.append('<span id="original_title">Titre original : ' + data.original_title + '<br></span>');
|
||||
description.append('<span id="file_name">Nom du fichier : ' + data.file_name + '<br></span>');
|
||||
description.append('<span id="tmdbMovie">More details here : <a target="_blank" href="https://www.themoviedb.org/movie/' + data.id + '?language=fr-FR">TMDB</a><br></span>');
|
||||
if (data.sagaID != 0)
|
||||
description.append('<span id="tmdbSaga">Saga details : <a target="_blank" href="https://www.themoviedb.org/collection/' + data.sagaID + '?language=fr-FR">TMDB</a><br></span>');
|
||||
description.append('<span id="dl">Download : <a target="_blank" href="php/download.php?file=' + data.id + '">File</a>\
|
||||
<i class="fas fa-clipboard-list" aria-hidden="true" title="Copy to clipboard"></i></span><br>');
|
||||
|
||||
$('#cover img').attr('src', data.poster_path);
|
||||
|
||||
$('#viewOverview').click(function() {
|
||||
$('.overview').slideToggle(200);
|
||||
$(this).find(".fa").toggleClass('active');
|
||||
});
|
||||
$('#showDetail').click(function() {
|
||||
$('#movieDetails').slideToggle(200);
|
||||
$(this).find(".fa").toggleClass('active');
|
||||
});
|
||||
};
|
||||
|
||||
function ShowSearch(sc_saga, sc_movie) {
|
||||
$('#sagas').hide();
|
||||
$('#movies').hide();
|
||||
$('#movieContent').hide();
|
||||
$('#research').empty();
|
||||
$.each(sc_saga, function(key, value) {
|
||||
var saga = $('<a />', {
|
||||
id: value['id'],
|
||||
class: 'saga line',
|
||||
href: '.?saga='+value['id'],
|
||||
});
|
||||
|
||||
saga.appendTo('#research');
|
||||
|
||||
var title = $('<div />', {
|
||||
html: value['name'],
|
||||
class: 'title',
|
||||
});
|
||||
title.appendTo(saga);
|
||||
|
||||
var image = $('<img />', {
|
||||
src: value['poster_path'],
|
||||
class: 'thumbnail',
|
||||
});
|
||||
image.prependTo(saga);
|
||||
});
|
||||
$.each(sc_movie, function(key, value) {
|
||||
var movie = $('<a />', {
|
||||
id: value['id'],
|
||||
class: 'movie line',
|
||||
href: '.?movie='+value['id'],
|
||||
});
|
||||
|
||||
movie.appendTo('#research');
|
||||
|
||||
var title = $('<div />', {
|
||||
html: value['title'],
|
||||
class: 'title',
|
||||
});
|
||||
title.appendTo(movie);
|
||||
|
||||
var original_title = $('<div />', {
|
||||
html: value['original_title'],
|
||||
class: 'original_title',
|
||||
});
|
||||
original_title.appendTo(movie);
|
||||
|
||||
var image = $('<img />', {
|
||||
src: value['poster_path'],
|
||||
class: 'thumbnail',
|
||||
});
|
||||
image.prependTo(movie);
|
||||
});
|
||||
//$('#research').html(data.toString());
|
||||
}
|
||||
|
||||
function FileInfo(data) {
|
||||
|
||||
duree_movie = parseInt(data.format.duration)*1000;
|
||||
|
||||
$('#movieDetails #spec p > span#release_date').after('<span id="duration">Durée : ' + data.format.duration.toHHMMSS() + '</span><br>');
|
||||
|
||||
$('#movieDetails #spec p > span#original_title').after('<span id="title">Titre du media : ' + data.format.title + '</span><br>');
|
||||
|
||||
var selection = $('#selection');
|
||||
var AV = $('#AV');
|
||||
var subtitle_list = $('#subtitle_list');
|
||||
|
||||
AV.append('Choose Video(s) :<br>');
|
||||
$.each(data.video, function(key, video) {
|
||||
|
||||
var title, language, label;
|
||||
if('title' in video)
|
||||
title = video.title;
|
||||
else
|
||||
title = 'No title';
|
||||
if('language' in video)
|
||||
language = video.language;
|
||||
else
|
||||
language = 'und';
|
||||
label = title + ' [' + language + '] ' + video.codec_name + ' ' + video.display_aspect_ratio + ' ' + video.width + 'x' + video.height;
|
||||
|
||||
if(video.forced == 1)
|
||||
label = label + ' [forced]';
|
||||
if(video.default == 1)
|
||||
label = label + ' [def]';
|
||||
|
||||
AV.append('<input id="' + key + '" type="checkbox"><label for="' + key + '">' + label + '</label><br>');
|
||||
});
|
||||
|
||||
AV.append('<br>Choose Audio(s) :<br>');
|
||||
$.each(data.audio, function(key, audio) {
|
||||
|
||||
var title, language, label;
|
||||
if('title' in audio)
|
||||
title = audio.title;
|
||||
else
|
||||
title = 'No title';
|
||||
if('language' in audio)
|
||||
language = audio.language;
|
||||
else
|
||||
language = 'und';
|
||||
|
||||
label = title + ' [' + language + '] ' + audio.codec_name + ' ' + audio.channel_layout;
|
||||
if(audio.forced == 1)
|
||||
label = label + ' [forced]';
|
||||
if(audio.default == 1)
|
||||
label = label + ' [def]';
|
||||
|
||||
AV.append('<input id="' + key + '" type="checkbox"><label for="' + key + '">' + label + '</label><br>');
|
||||
});
|
||||
|
||||
AV.append('<br><input id="convert" type="submit" name="convert">');
|
||||
|
||||
if (data.hasOwnProperty("subtitle")) {
|
||||
subtitle_list.append('Liste Subtitle :<br>');
|
||||
$.each(data.subtitle, function(key, subtitle) {
|
||||
|
||||
var title, language, label;
|
||||
if('title' in subtitle)
|
||||
title = subtitle.title;
|
||||
else
|
||||
title = 'No title';
|
||||
if('language' in subtitle)
|
||||
language = subtitle.language;
|
||||
else
|
||||
language = 'und';
|
||||
|
||||
label = title + ' [' + language + '] ' + subtitle.codec_name;
|
||||
if(subtitle.forced == 1)
|
||||
label = label + ' [forced]';
|
||||
if(subtitle.default == 1)
|
||||
label = label + ' [def]';
|
||||
|
||||
|
||||
subtitle_list.append(label + '<br>');
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
};
|
||||
|
||||
function Horloge() {
|
||||
var laDate = new Date();
|
||||
|
||||
if (typeof duree_movie !== 'undefined') {
|
||||
var seg = laDate.getTime();
|
||||
var heure_fin = seg + duree_movie;
|
||||
heure_fin = new Date(heure_fin);
|
||||
heure_fin = heure_fin.getHours() + ":" + ("0" + heure_fin.getMinutes()).slice(-2);
|
||||
}
|
||||
|
||||
//var h = laDate.getHours() + ":" + ("0" + laDate.getMinutes()).slice(-2) + ":" + ("0" + laDate.getSeconds()).slice(-2);
|
||||
var h = laDate.getHours() + ":" + ("0" + laDate.getMinutes()).slice(-2);
|
||||
var temps = 'Heure : ' + h + ' Heure de Fin : ' + heure_fin;
|
||||
$('#heure').text(temps);
|
||||
};
|
||||
|
||||
function goBack() {
|
||||
if (document.referrer.split('/')[2] == location.host)
|
||||
window.history.back();
|
||||
};
|
||||
|
||||
String.prototype.toHHMMSS = function () {
|
||||
var sec_num = parseInt(this, 10); // don't forget the second param
|
||||
var hours = Math.floor(sec_num / 3600);
|
||||
var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
|
||||
var seconds = sec_num - (hours * 3600) - (minutes * 60);
|
||||
var total = '';
|
||||
|
||||
if (hours > 0) {
|
||||
total = hours + " Heure"
|
||||
if (hours > 1)
|
||||
total = total + 's'
|
||||
}
|
||||
if (minutes > 0) {
|
||||
total = total + ' ' + minutes + " Minute"
|
||||
if (minutes > 1)
|
||||
total = total + 's'
|
||||
}
|
||||
if (seconds > 0) {
|
||||
total = total + ' ' + seconds + " Seconde"
|
||||
if (seconds > 1)
|
||||
total = total + 's'
|
||||
}
|
||||
|
||||
return total;
|
||||
}
|
||||
|
||||
var duree_movie;
|
||||
|
||||
|
||||
function ShowSagas(data) {
|
||||
var nosaga = $('<a />', {
|
||||
id: 0,
|
||||
class: 'saga button box nosaga',
|
||||
href: '.?saga=0',
|
||||
});
|
||||
nosaga.append('No Saga');
|
||||
nosaga.appendTo('#sagas');
|
||||
$.each(data, function(key, value) {
|
||||
var saga = $('<a />', {
|
||||
id: value['id'],
|
||||
class: 'saga button box container',
|
||||
href: '.?saga='+value['id'],
|
||||
});
|
||||
//saga.append('<br>' + value['name']);
|
||||
saga.appendTo('#sagas');
|
||||
|
||||
var text = $('<div />', {
|
||||
html: value['name'],
|
||||
class: 'centered title',
|
||||
});
|
||||
text.prependTo(saga);
|
||||
|
||||
var image = $('<img />', {
|
||||
src: value['poster_path'],
|
||||
class: 'thumbnail',
|
||||
});
|
||||
image.prependTo(saga);
|
||||
});
|
||||
};
|
||||
|
||||
function ShowMovies(data) {
|
||||
$('#movies').append('<h3 style="margin: 10px 10px; padding: 0;">' + saga_name + '</h3>');
|
||||
$.each(data, function(key, value) {
|
||||
var movie = $('<a />', {
|
||||
id: value['id'],
|
||||
class: 'movie button box container',
|
||||
href: '.?movie='+value['id'],
|
||||
});
|
||||
//movie.append('<br>' + value['title']);
|
||||
movie.appendTo('#movies');
|
||||
|
||||
var title = $('<div />', {
|
||||
html: value['title'],
|
||||
class: 'centered title',
|
||||
});
|
||||
title.appendTo(movie);
|
||||
|
||||
var original_title = $('<div />', {
|
||||
html: value['original_title'],
|
||||
class: 'original_title',
|
||||
});
|
||||
original_title.appendTo(movie);
|
||||
original_title.hide();
|
||||
|
||||
var image = $('<img />', {
|
||||
src: value['poster_path'],
|
||||
class: 'thumbnail',
|
||||
});
|
||||
image.prependTo(movie);
|
||||
});
|
||||
};
|
||||
|
||||
function MovieDetails(data) {
|
||||
|
||||
$('#movieTitle').html(data.title);
|
||||
|
||||
var description = $('#movieDetails #spec p');
|
||||
description.empty();
|
||||
description.append('<span id="release_date">Date de sortie : ' + data.release_date + '<br></span>');
|
||||
description.append('<span id="viewOverview" class="toggle"><i class="fa fa-chevron-right" aria-hidden="true"></i> Résumé</span><br><span class="overview" style="display: none">' + data.overview + '<br></span>');
|
||||
description.append('<span id="original_language">Langue original : ' + data.original_language + '<br></span>');
|
||||
description.append('<span id="original_title">Titre original : ' + data.original_title + '<br></span>');
|
||||
description.append('<span id="file_name">Nom du fichier : ' + data.file_name + '<br></span>');
|
||||
description.append('<span id="tmdbMovie">More details here : <a target="_blank" href="https://www.themoviedb.org/movie/' + data.id + '?language=fr-FR">TMDB</a><br></span>');
|
||||
if (data.sagaID != 0)
|
||||
description.append('<span id="tmdbSaga">Saga details : <a target="_blank" href="https://www.themoviedb.org/collection/' + data.sagaID + '?language=fr-FR">TMDB</a><br></span>');
|
||||
description.append('<span id="dl">Download : <a target="_blank" href="php/download.php?file=' + data.id + '">File</a>\
|
||||
<i class="fas fa-clipboard-list" aria-hidden="true" title="Copy to clipboard"></i></span><br>');
|
||||
|
||||
$('#cover img').attr('src', data.poster_path);
|
||||
|
||||
$('#viewOverview').click(function() {
|
||||
$('.overview').slideToggle(200);
|
||||
$(this).find(".fa").toggleClass('active');
|
||||
});
|
||||
$('#showDetail').click(function() {
|
||||
$('#movieDetails').slideToggle(200);
|
||||
$(this).find(".fa").toggleClass('active');
|
||||
});
|
||||
};
|
||||
|
||||
function ShowSearch(sc_saga, sc_movie) {
|
||||
$('#sagas').hide();
|
||||
$('#movies').hide();
|
||||
$('#movieContent').hide();
|
||||
$('#research').empty();
|
||||
$.each(sc_saga, function(key, value) {
|
||||
var saga = $('<a />', {
|
||||
id: value['id'],
|
||||
class: 'saga line',
|
||||
href: '.?saga='+value['id'],
|
||||
});
|
||||
|
||||
saga.appendTo('#research');
|
||||
|
||||
var title = $('<div />', {
|
||||
html: value['name'],
|
||||
class: 'title',
|
||||
});
|
||||
title.appendTo(saga);
|
||||
|
||||
var image = $('<img />', {
|
||||
src: value['poster_path'],
|
||||
class: 'thumbnail',
|
||||
});
|
||||
image.prependTo(saga);
|
||||
});
|
||||
$.each(sc_movie, function(key, value) {
|
||||
var movie = $('<a />', {
|
||||
id: value['id'],
|
||||
class: 'movie line',
|
||||
href: '.?movie='+value['id'],
|
||||
});
|
||||
|
||||
movie.appendTo('#research');
|
||||
|
||||
var title = $('<div />', {
|
||||
html: value['title'],
|
||||
class: 'title',
|
||||
});
|
||||
title.appendTo(movie);
|
||||
|
||||
var original_title = $('<div />', {
|
||||
html: value['original_title'],
|
||||
class: 'original_title',
|
||||
});
|
||||
original_title.appendTo(movie);
|
||||
|
||||
var image = $('<img />', {
|
||||
src: value['poster_path'],
|
||||
class: 'thumbnail',
|
||||
});
|
||||
image.prependTo(movie);
|
||||
});
|
||||
//$('#research').html(data.toString());
|
||||
}
|
||||
|
||||
function FileInfo(data) {
|
||||
|
||||
duree_movie = parseInt(data.format.duration)*1000;
|
||||
|
||||
$('#movieDetails #spec p > span#release_date').after('<span id="duration">Durée : ' + data.format.duration.toHHMMSS() + '</span><br>');
|
||||
|
||||
$('#movieDetails #spec p > span#original_title').after('<span id="title">Titre du media : ' + data.format.title + '</span><br>');
|
||||
|
||||
var selection = $('#selection');
|
||||
var AV = $('#AV');
|
||||
var subtitle_list = $('#subtitle_list');
|
||||
|
||||
AV.append('Choose Video(s) :<br>');
|
||||
$.each(data.video, function(key, video) {
|
||||
|
||||
var title, language, label;
|
||||
if('title' in video)
|
||||
title = video.title;
|
||||
else
|
||||
title = 'No title';
|
||||
if('language' in video)
|
||||
language = video.language;
|
||||
else
|
||||
language = 'und';
|
||||
label = title + ' [' + language + '] ' + video.codec_name + ' ' + video.display_aspect_ratio + ' ' + video.width + 'x' + video.height;
|
||||
|
||||
if(video.forced == 1)
|
||||
label = label + ' [forced]';
|
||||
if(video.default == 1)
|
||||
label = label + ' [def]';
|
||||
|
||||
AV.append('<input id="' + key + '" type="checkbox"><label for="' + key + '">' + label + '</label><br>');
|
||||
});
|
||||
|
||||
AV.append('<br>Choose Audio(s) :<br>');
|
||||
$.each(data.audio, function(key, audio) {
|
||||
|
||||
var title, language, label;
|
||||
if('title' in audio)
|
||||
title = audio.title;
|
||||
else
|
||||
title = 'No title';
|
||||
if('language' in audio)
|
||||
language = audio.language;
|
||||
else
|
||||
language = 'und';
|
||||
|
||||
label = title + ' [' + language + '] ' + audio.codec_name + ' ' + audio.channel_layout;
|
||||
if(audio.forced == 1)
|
||||
label = label + ' [forced]';
|
||||
if(audio.default == 1)
|
||||
label = label + ' [def]';
|
||||
|
||||
AV.append('<input id="' + key + '" type="checkbox"><label for="' + key + '">' + label + '</label><br>');
|
||||
});
|
||||
|
||||
AV.append('<br><input id="convert" type="submit" name="convert">');
|
||||
|
||||
if (data.hasOwnProperty("subtitle")) {
|
||||
subtitle_list.append('Liste Subtitle :<br>');
|
||||
$.each(data.subtitle, function(key, subtitle) {
|
||||
|
||||
var title, language, label;
|
||||
if('title' in subtitle)
|
||||
title = subtitle.title;
|
||||
else
|
||||
title = 'No title';
|
||||
if('language' in subtitle)
|
||||
language = subtitle.language;
|
||||
else
|
||||
language = 'und';
|
||||
|
||||
label = title + ' [' + language + '] ' + subtitle.codec_name;
|
||||
if(subtitle.forced == 1)
|
||||
label = label + ' [forced]';
|
||||
if(subtitle.default == 1)
|
||||
label = label + ' [def]';
|
||||
|
||||
|
||||
subtitle_list.append(label + '<br>');
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
};
|
||||
|
||||
function Horloge() {
|
||||
var laDate = new Date();
|
||||
|
||||
if (typeof duree_movie !== 'undefined') {
|
||||
var seg = laDate.getTime();
|
||||
var heure_fin = seg + duree_movie;
|
||||
heure_fin = new Date(heure_fin);
|
||||
heure_fin = heure_fin.getHours() + ":" + ("0" + heure_fin.getMinutes()).slice(-2);
|
||||
}
|
||||
|
||||
//var h = laDate.getHours() + ":" + ("0" + laDate.getMinutes()).slice(-2) + ":" + ("0" + laDate.getSeconds()).slice(-2);
|
||||
var h = laDate.getHours() + ":" + ("0" + laDate.getMinutes()).slice(-2);
|
||||
var temps = 'Heure : ' + h + ' Heure de Fin : ' + heure_fin;
|
||||
$('#heure').text(temps);
|
||||
};
|
||||
|
||||
function goBack() {
|
||||
if (document.referrer.split('/')[2] == location.host)
|
||||
window.history.back();
|
||||
};
|
||||
|
||||
String.prototype.toHHMMSS = function () {
|
||||
var sec_num = parseInt(this, 10); // don't forget the second param
|
||||
var hours = Math.floor(sec_num / 3600);
|
||||
var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
|
||||
var seconds = sec_num - (hours * 3600) - (minutes * 60);
|
||||
var total = '';
|
||||
|
||||
if (hours > 0) {
|
||||
total = hours + " Heure"
|
||||
if (hours > 1)
|
||||
total = total + 's'
|
||||
}
|
||||
if (minutes > 0) {
|
||||
total = total + ' ' + minutes + " Minute"
|
||||
if (minutes > 1)
|
||||
total = total + 's'
|
||||
}
|
||||
if (seconds > 0) {
|
||||
total = total + ' ' + seconds + " Seconde"
|
||||
if (seconds > 1)
|
||||
total = total + 's'
|
||||
}
|
||||
|
||||
return total;
|
||||
}
|
||||
|
||||
190
js/script.js
190
js/script.js
@ -1,95 +1,95 @@
|
||||
$(document).ready(function() {
|
||||
|
||||
if (typeof movies_list !== 'undefined') {
|
||||
ShowMovies(movies_list);
|
||||
}
|
||||
|
||||
else if (typeof movie_detail !== 'undefined') {
|
||||
MovieDetails(movie_detail);
|
||||
}
|
||||
|
||||
else if (typeof saga_list !== 'undefined') {
|
||||
$('#back').hide();
|
||||
ShowSagas(saga_list);
|
||||
}
|
||||
|
||||
if (typeof file_info !== 'undefined') {
|
||||
FileInfo(file_info);
|
||||
Horloge();
|
||||
setInterval(Horloge, 1000);
|
||||
}
|
||||
|
||||
if (document.referrer.split('/')[2] !== location.host)
|
||||
$('#back').hide();
|
||||
|
||||
$("#search").on('keyup', function (e) {
|
||||
if (e.keyCode === 13) {
|
||||
|
||||
var sc_saga = [];
|
||||
var sc_movie = [];
|
||||
var search = $("#search").val();
|
||||
console.log(search);
|
||||
$.each(saga_list, function(index, value) {
|
||||
if (value.name.toLowerCase().includes(search.toLowerCase())) {
|
||||
if(! sc_saga.includes(value)){ sc_saga.push(value);}
|
||||
}
|
||||
});
|
||||
$.each(movies_full_list, function(index, value) {
|
||||
if (value.title.toLowerCase().includes(search.toLowerCase())) {
|
||||
if(! sc_movie.includes(value)){ sc_movie.push(value);}
|
||||
}
|
||||
if (value.original_title.toLowerCase().includes(search.toLowerCase())) {
|
||||
if(! sc_movie.includes(value)){ sc_movie.push(value);}
|
||||
}
|
||||
});
|
||||
ShowSearch(sc_saga, sc_movie);
|
||||
}
|
||||
});
|
||||
|
||||
$('.fa-list').click(function() {
|
||||
var lien = $('.saga, .movie');
|
||||
var title = $('.saga > .title, .movie > .title');
|
||||
var original_title = $('.movie > .original_title');
|
||||
lien.removeClass('box container');
|
||||
lien.addClass('line');
|
||||
title.removeClass('centered');
|
||||
original_title.show();
|
||||
|
||||
});
|
||||
|
||||
$('.fa-th').click(function() {
|
||||
var lien = $('.saga, .movie');
|
||||
var title = $('.saga > .title, .movie > .title');
|
||||
var original_title = $('.movie > .original_title');
|
||||
lien.removeClass('line');
|
||||
lien.addClass('box container');
|
||||
title.addClass('centered');
|
||||
original_title.hide();
|
||||
});
|
||||
|
||||
$('.fa-clipboard-list').click(function() {
|
||||
//var copyText = $('#dl > a').attr('href');
|
||||
var copyText = $(this).prev().attr('href');
|
||||
|
||||
var temp = $("<input>");
|
||||
$("body").append(temp);
|
||||
temp.val(location.origin + location.pathname + copyText).select();
|
||||
//temp.setSelectionRange(0, 99999);
|
||||
document.execCommand("copy");
|
||||
temp.remove();
|
||||
});
|
||||
|
||||
$('#convert').click(function() {
|
||||
var stream = [];
|
||||
$('#AV > input[type=checkbox]').each(function() {
|
||||
var id = $(this).attr('id');
|
||||
var state = $(this).prop('checked');
|
||||
if (state)
|
||||
stream.push(id);
|
||||
});
|
||||
if (stream.length > 0)
|
||||
alert(stream);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
if (typeof movies_list !== 'undefined') {
|
||||
ShowMovies(movies_list);
|
||||
}
|
||||
|
||||
else if (typeof movie_detail !== 'undefined') {
|
||||
MovieDetails(movie_detail);
|
||||
}
|
||||
|
||||
else if (typeof saga_list !== 'undefined') {
|
||||
$('#back').hide();
|
||||
ShowSagas(saga_list);
|
||||
}
|
||||
|
||||
if (typeof file_info !== 'undefined') {
|
||||
FileInfo(file_info);
|
||||
Horloge();
|
||||
setInterval(Horloge, 1000);
|
||||
}
|
||||
|
||||
if (document.referrer.split('/')[2] !== location.host)
|
||||
$('#back').hide();
|
||||
|
||||
$("#search").on('keyup', function (e) {
|
||||
if (e.keyCode === 13) {
|
||||
|
||||
var sc_saga = [];
|
||||
var sc_movie = [];
|
||||
var search = $("#search").val();
|
||||
console.log(search);
|
||||
$.each(saga_list, function(index, value) {
|
||||
if (value.name.toLowerCase().includes(search.toLowerCase())) {
|
||||
if(! sc_saga.includes(value)){ sc_saga.push(value);}
|
||||
}
|
||||
});
|
||||
$.each(movies_full_list, function(index, value) {
|
||||
if (value.title.toLowerCase().includes(search.toLowerCase())) {
|
||||
if(! sc_movie.includes(value)){ sc_movie.push(value);}
|
||||
}
|
||||
if (value.original_title.toLowerCase().includes(search.toLowerCase())) {
|
||||
if(! sc_movie.includes(value)){ sc_movie.push(value);}
|
||||
}
|
||||
});
|
||||
ShowSearch(sc_saga, sc_movie);
|
||||
}
|
||||
});
|
||||
|
||||
$('.fa-list').click(function() {
|
||||
var lien = $('.saga, .movie');
|
||||
var title = $('.saga > .title, .movie > .title');
|
||||
var original_title = $('.movie > .original_title');
|
||||
lien.removeClass('box container');
|
||||
lien.addClass('line');
|
||||
title.removeClass('centered');
|
||||
original_title.show();
|
||||
|
||||
});
|
||||
|
||||
$('.fa-th').click(function() {
|
||||
var lien = $('.saga, .movie');
|
||||
var title = $('.saga > .title, .movie > .title');
|
||||
var original_title = $('.movie > .original_title');
|
||||
lien.removeClass('line');
|
||||
lien.addClass('box container');
|
||||
title.addClass('centered');
|
||||
original_title.hide();
|
||||
});
|
||||
|
||||
$('.fa-clipboard-list').click(function() {
|
||||
//var copyText = $('#dl > a').attr('href');
|
||||
var copyText = $(this).prev().attr('href');
|
||||
|
||||
var temp = $("<input>");
|
||||
$("body").append(temp);
|
||||
temp.val(location.origin + location.pathname + copyText).select();
|
||||
//temp.setSelectionRange(0, 99999);
|
||||
document.execCommand("copy");
|
||||
temp.remove();
|
||||
});
|
||||
|
||||
$('#convert').click(function() {
|
||||
var stream = [];
|
||||
$('#AV > input[type=checkbox]').each(function() {
|
||||
var id = $(this).attr('id');
|
||||
var state = $(this).prop('checked');
|
||||
if (state)
|
||||
stream.push(id);
|
||||
});
|
||||
if (stream.length > 0)
|
||||
alert(stream);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
426
style/style.css
426
style/style.css
@ -1,211 +1,215 @@
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.container {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.centered {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.container:hover > .centered {
|
||||
display: block;
|
||||
background-color:rgba(37, 34, 34, 0.6);
|
||||
}
|
||||
|
||||
.thumbnail {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.nosaga.button {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
#movieDetails {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#cover {
|
||||
margin-left: 20px;
|
||||
//background-color: green;
|
||||
}
|
||||
|
||||
#spec {
|
||||
margin-left: 30px;
|
||||
width: 60%;
|
||||
//background-color: red;
|
||||
}
|
||||
|
||||
#selection {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#AV {
|
||||
margin-left: 20px;
|
||||
//background-color: green;
|
||||
}
|
||||
|
||||
#subtitle_list {
|
||||
margin-left: 30px;
|
||||
width: 60%;
|
||||
//background-color: red;
|
||||
}
|
||||
|
||||
a.button {
|
||||
background-color: #222426;
|
||||
cursor: pointer;
|
||||
//border: 2px solid;
|
||||
border-radius: 5px;
|
||||
font-weight: bold;
|
||||
margin: 5px;
|
||||
color: #10a2ff;
|
||||
text-decoration: none;
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 16px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;
|
||||
|
||||
}
|
||||
|
||||
a.button:hover {
|
||||
box-shadow: 0 0 6px rgb(35 173 255);
|
||||
|
||||
}
|
||||
|
||||
a.button.box {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
padding: 1em 1.5em;
|
||||
width: 150px;
|
||||
height: 229px;
|
||||
vertical-align: top;
|
||||
|
||||
}
|
||||
|
||||
a.button.line {
|
||||
display: block;
|
||||
padding: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
a.line > .title {
|
||||
margin-left: 200px;
|
||||
width: 600px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
a.line > .original_title {
|
||||
margin-left: 100px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
a.line > img {
|
||||
margin-left: 50px;
|
||||
width: 50px;
|
||||
|
||||
}
|
||||
|
||||
.toggle {
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
display: inline-block;
|
||||
border-bottom: 2px solid;
|
||||
}
|
||||
|
||||
.fa {
|
||||
transition: transform .2s;
|
||||
}
|
||||
|
||||
.fa-chevron-right.active {
|
||||
transform: rotateZ(90deg);
|
||||
}
|
||||
|
||||
.fa-chevron-down.active {
|
||||
transform: rotateZ(-90deg);
|
||||
}
|
||||
|
||||
.fa-clipboard-list {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.overview {
|
||||
border: 1px solid;
|
||||
display: inline-block;
|
||||
margin: 5px 0;
|
||||
margin-left: 5px;
|
||||
padding: 3px;
|
||||
|
||||
}
|
||||
|
||||
input:checked + label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
position: absolute;
|
||||
left: -9999px;
|
||||
}
|
||||
|
||||
label:hover, input:focus + label {
|
||||
cursor: pointer;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, .6);
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
background-color: #181A1B;
|
||||
filter: brightness(1);
|
||||
filter: contrast(1);
|
||||
}
|
||||
|
||||
.navbar {
|
||||
overflow: hidden;
|
||||
background-color: #262A2B;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
padding: 5px 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.navbar > * {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.navbar > a,
|
||||
.navbar > i {
|
||||
margin: 0 6px;
|
||||
padding: 8px 8px;
|
||||
text-decoration: none;
|
||||
color: #f2f2f2;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.navbar > input[type=text] {
|
||||
margin-left: auto;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.navbar > a:hover,
|
||||
.navbar > i:hover {
|
||||
background: #ddd;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 0;
|
||||
margin: 16px;
|
||||
color: #E8E6E3;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.container {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.centered {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.container:hover > .centered {
|
||||
display: block;
|
||||
background-color:rgba(37, 34, 34, 0.6);
|
||||
}
|
||||
|
||||
.thumbnail {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.nosaga.button {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
#movieDetails {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#cover {
|
||||
margin-left: 20px;
|
||||
//background-color: green;
|
||||
}
|
||||
|
||||
#spec {
|
||||
margin-left: 30px;
|
||||
width: 60%;
|
||||
//background-color: red;
|
||||
}
|
||||
|
||||
#selection {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#AV {
|
||||
margin-left: 20px;
|
||||
//background-color: green;
|
||||
}
|
||||
|
||||
#subtitle_list {
|
||||
margin-left: 30px;
|
||||
width: 60%;
|
||||
//background-color: red;
|
||||
}
|
||||
|
||||
a.button {
|
||||
background-color: #222426;
|
||||
cursor: pointer;
|
||||
//border: 2px solid;
|
||||
border-radius: 5px;
|
||||
font-weight: bold;
|
||||
margin: 5px;
|
||||
color: #10a2ff;
|
||||
text-decoration: none;
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 16px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;
|
||||
|
||||
}
|
||||
|
||||
a.button:hover {
|
||||
box-shadow: 0 0 6px rgb(35 173 255);
|
||||
|
||||
}
|
||||
|
||||
a.button.box {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
padding: 1em 1.5em;
|
||||
width: 150px;
|
||||
height: 229px;
|
||||
vertical-align: top;
|
||||
|
||||
}
|
||||
|
||||
a.button.line {
|
||||
display: block;
|
||||
padding: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
a.line > .title {
|
||||
margin-left: 200px;
|
||||
width: 600px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
a.line > .original_title {
|
||||
margin-left: 100px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
a.line > img {
|
||||
margin-left: 50px;
|
||||
width: 50px;
|
||||
|
||||
}
|
||||
|
||||
.toggle {
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
display: inline-block;
|
||||
border-bottom: 2px solid;
|
||||
}
|
||||
|
||||
.fa {
|
||||
transition: transform .2s;
|
||||
}
|
||||
|
||||
.fa-chevron-right.active {
|
||||
transform: rotateZ(90deg);
|
||||
}
|
||||
|
||||
.fa-chevron-down.active {
|
||||
transform: rotateZ(-90deg);
|
||||
}
|
||||
|
||||
.fa-clipboard-list {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.overview {
|
||||
border: 1px solid;
|
||||
display: inline-block;
|
||||
margin: 5px 0;
|
||||
margin-left: 5px;
|
||||
padding: 3px;
|
||||
|
||||
}
|
||||
|
||||
input:checked + label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
position: absolute;
|
||||
left: -9999px;
|
||||
}
|
||||
|
||||
label:hover, input:focus + label {
|
||||
cursor: pointer;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, .6);
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
background-color: #181A1B;
|
||||
filter: brightness(1);
|
||||
filter: contrast(1);
|
||||
}
|
||||
|
||||
.navbar {
|
||||
overflow: hidden;
|
||||
background-color: #262A2B;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
padding: 5px 60px 5px 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.navbar > .fa-arrow-left {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.navbar > * {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.navbar > a,
|
||||
.navbar > i {
|
||||
margin: 0 6px;
|
||||
padding: 8px 8px;
|
||||
text-decoration: none;
|
||||
color: #f2f2f2;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.navbar > input[type=text] {
|
||||
margin-left: auto;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.navbar > a:hover,
|
||||
.navbar > i:hover {
|
||||
background: #ddd;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 0;
|
||||
margin: 16px;
|
||||
color: #E8E6E3;
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user