Add ability to delete items from manga list. See #10
This commit is contained in:
parent
d17549c0fb
commit
01d25f2817
@ -46,24 +46,24 @@ return [
|
||||
'anime.add.get' => [
|
||||
'path' => '/anime/add',
|
||||
'action' => 'add_form',
|
||||
'verb' => 'get'
|
||||
'verb' => 'get',
|
||||
],
|
||||
'anime.add.post' => [
|
||||
'path' => '/anime/add',
|
||||
'action' => 'add',
|
||||
'verb' => 'post'
|
||||
'verb' => 'post',
|
||||
],
|
||||
'anime.details' => [
|
||||
'path' => '/anime/details/{id}',
|
||||
'action' => 'details',
|
||||
'tokens' => [
|
||||
'id' => '[a-z0-9\-]+'
|
||||
]
|
||||
'id' => '[a-z0-9\-]+',
|
||||
],
|
||||
],
|
||||
'anime.delete' => [
|
||||
'path' => '/anime/delete',
|
||||
'action' => 'delete',
|
||||
'verb' => 'post'
|
||||
'verb' => 'post',
|
||||
],
|
||||
// ---------------------------------------------------------------------
|
||||
// Manga Routes
|
||||
@ -75,19 +75,24 @@ return [
|
||||
'manga.add.get' => [
|
||||
'path' => '/manga/add',
|
||||
'action' => 'add_form',
|
||||
'verb' => 'get'
|
||||
'verb' => 'get',
|
||||
],
|
||||
'manga.add.post' => [
|
||||
'path' => '/manga/add',
|
||||
'action' => 'add',
|
||||
'verb' => 'post'
|
||||
'verb' => 'post',
|
||||
],
|
||||
'manga.delete' => [
|
||||
'path' => '/manga/delete',
|
||||
'action' => 'delete',
|
||||
'verb' => 'post',
|
||||
],
|
||||
// ---------------------------------------------------------------------
|
||||
// Anime Collection Routes
|
||||
// ---------------------------------------------------------------------
|
||||
'collection.search' => [
|
||||
'path' => '/collection/search',
|
||||
'action' => 'search'
|
||||
'action' => 'search',
|
||||
],
|
||||
'collection.add.get' => [
|
||||
'path' => '/collection/add',
|
||||
@ -98,27 +103,35 @@ return [
|
||||
'path' => '/collection/edit/{id}',
|
||||
'action' => 'form',
|
||||
'tokens' => [
|
||||
'id' => '[0-9]+'
|
||||
]
|
||||
'id' => '[0-9]+',
|
||||
],
|
||||
],
|
||||
'collection.add.post' => [
|
||||
'path' => '/collection/add',
|
||||
'action' => 'add',
|
||||
'verb' => 'post'
|
||||
'verb' => 'post',
|
||||
],
|
||||
'collection.edit.post' => [
|
||||
'path' => '/collection/edit',
|
||||
'action' => 'edit',
|
||||
'verb' => 'post'
|
||||
'verb' => 'post',
|
||||
],
|
||||
'collection.view' => [
|
||||
'path' => '/collection/view{/view}',
|
||||
'action' => 'index',
|
||||
'params' => [],
|
||||
'tokens' => [
|
||||
'view' => '[a-z_]+'
|
||||
]
|
||||
'view' => '[a-z_]+',
|
||||
],
|
||||
],
|
||||
'collection.delete' => [
|
||||
'path' => '/collection/delete',
|
||||
'action' => 'delete',
|
||||
'verb' => 'post',
|
||||
],
|
||||
// ---------------------------------------------------------------------
|
||||
// Manga Collection Routes
|
||||
// ---------------------------------------------------------------------
|
||||
// ---------------------------------------------------------------------
|
||||
// Default / Shared routes
|
||||
// ---------------------------------------------------------------------
|
||||
@ -126,13 +139,13 @@ return [
|
||||
'path' => '/login',
|
||||
'action' => 'login',
|
||||
'controller' => AnimeClient::DEFAULT_CONTROLLER_NAMESPACE,
|
||||
'verb' => 'get'
|
||||
'verb' => 'get',
|
||||
],
|
||||
'login.post' => [
|
||||
'path' => '/login',
|
||||
'action' => 'login_action',
|
||||
'controller' => AnimeClient::DEFAULT_CONTROLLER_NAMESPACE,
|
||||
'verb' => 'post'
|
||||
'verb' => 'post',
|
||||
],
|
||||
'logout' => [
|
||||
'path' => '/logout',
|
||||
@ -144,37 +157,37 @@ return [
|
||||
'action' => 'update',
|
||||
'verb' => 'post',
|
||||
'tokens' => [
|
||||
'controller' => '[a-z_]+'
|
||||
]
|
||||
'controller' => '[a-z_]+',
|
||||
],
|
||||
],
|
||||
'update.post' => [
|
||||
'path' => '/{controller}/update_form',
|
||||
'action' => 'form_update',
|
||||
'verb' => 'post',
|
||||
'tokens' => [
|
||||
'controller' => '[a-z_]+'
|
||||
]
|
||||
'controller' => '[a-z_]+',
|
||||
],
|
||||
],
|
||||
'edit' => [
|
||||
'path' => '/{controller}/edit/{id}/{status}',
|
||||
'action' => 'edit',
|
||||
'tokens' => [
|
||||
'id' => '[0-9a-z_]+',
|
||||
'status' => '([a-zA-Z\- ]|%20)+',
|
||||
]
|
||||
'status' => '([a-zA-Z\-_]|%20)+',
|
||||
],
|
||||
],
|
||||
'list' => [
|
||||
'path' => '/{controller}/{type}{/view}',
|
||||
'action' => AnimeClient::DEFAULT_CONTROLLER_METHOD,
|
||||
'tokens' => [
|
||||
'type' => '[a-z_]+',
|
||||
'view' => '[a-z_]+'
|
||||
]
|
||||
'view' => '[a-z_]+',
|
||||
],
|
||||
],
|
||||
'index_redirect' => [
|
||||
'path' => '/',
|
||||
'controller' => AnimeClient::DEFAULT_CONTROLLER_NAMESPACE,
|
||||
'action' => 'redirect_to_default'
|
||||
'action' => 'redirect_to_default',
|
||||
],
|
||||
],
|
||||
]
|
||||
];
|
||||
@ -86,7 +86,7 @@
|
||||
</form>
|
||||
<fieldset>
|
||||
<legend>Danger Zone</legend>
|
||||
<form class="js-danger" action="<?= $url->generate('anime.delete') ?>" method="post">
|
||||
<form class="js-delete" action="<?= $url->generate('anime.delete') ?>" method="post">
|
||||
<table class="form invisible">
|
||||
<tbody>
|
||||
<tr>
|
||||
|
||||
@ -84,5 +84,21 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<fieldset>
|
||||
<legend>Danger Zone</legend>
|
||||
<form class="js-delete" action="<?= $url->generate('manga.delete') ?>" method="post">
|
||||
<table class="form invisible">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td>
|
||||
<input type="hidden" value="<?= $item['id'] ?>" name="id" />
|
||||
<button type="submit" class="danger">Delete Entry</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
</fieldset>
|
||||
</main>
|
||||
<?php endif ?>
|
||||
@ -323,7 +323,7 @@ h1 a {
|
||||
|
||||
.form tr > td:nth-child(even) {
|
||||
text-align: left;
|
||||
min-width: 70%;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.invisible tbody > tr:nth-child(odd) {
|
||||
|
||||
@ -201,7 +201,7 @@ a:hover, a:active {
|
||||
}
|
||||
.form tr > td:nth-child(even) {
|
||||
text-align:left;
|
||||
min-width:70%;
|
||||
width:70%;
|
||||
}
|
||||
|
||||
.invisible tbody > tr:nth-child(odd) {
|
||||
|
||||
@ -1,4 +1,6 @@
|
||||
:root {
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
box-sizing: border-box;
|
||||
cursor: default;
|
||||
font-family: 'Open Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
|
||||
@ -17,17 +19,20 @@ details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
input[type=search] {
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
input[type=search]::-webkit-search-cancel-button,
|
||||
input[type=search]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
main {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding: 0 1.6em 1.6em;
|
||||
padding: 0 1.6rem 1.6rem;
|
||||
}
|
||||
|
||||
summary {
|
||||
@ -35,7 +40,19 @@ summary {
|
||||
}
|
||||
|
||||
pre {
|
||||
background: #efefef;
|
||||
color: #444;
|
||||
display: block;
|
||||
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
||||
font-size: 1.4em;
|
||||
font-size: 1.4rem;
|
||||
margin: 1.6em 0;
|
||||
margin: 1.6rem 0;
|
||||
overflow: auto;
|
||||
padding: 1.6em;
|
||||
padding: 1.6rem;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
progress {
|
||||
@ -43,6 +60,7 @@ progress {
|
||||
}
|
||||
|
||||
small {
|
||||
color: #777;
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
@ -55,8 +73,14 @@ template {
|
||||
}
|
||||
|
||||
textarea {
|
||||
border: .1rem solid #ccc;
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
margin-bottom: .8rem;
|
||||
overflow: auto;
|
||||
padding: .8rem;
|
||||
resize: vertical;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
@ -64,9 +88,9 @@ textarea {
|
||||
}
|
||||
|
||||
[unselectable] {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
@ -92,7 +116,11 @@ textarea {
|
||||
}
|
||||
|
||||
a {
|
||||
-webkit-transition: .25s ease;
|
||||
color: #1271db;
|
||||
text-decoration: none;
|
||||
-webkit-transition: .25s ease;
|
||||
transition: .25s ease;
|
||||
}
|
||||
|
||||
audio,
|
||||
@ -126,6 +154,7 @@ samp {
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
margin-bottom: 1.6rem;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
@ -142,23 +171,13 @@ button::-moz-focus-inner {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
@media screen {
|
||||
[hidden~="screen"] {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
|
||||
clip: rect(0 0 0 0) !important;
|
||||
position: absolute !important;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: #444;
|
||||
font-family: 'Open Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
|
||||
font-size: 1.6rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
@ -171,66 +190,57 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: 'Lato', 'Open Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
|
||||
font-family: Lato, 'Open Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
|
||||
margin: 2em 0 1.6em;
|
||||
margin: 2rem 0 1.6rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
border-bottom: .1rem solid rgba(0,0,0,0.2);
|
||||
font-size: 3.6em;
|
||||
font-size: 3.6rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 3em;
|
||||
font-size: 3rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 2.4em;
|
||||
font-size: 2.4rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
margin: 1.6rem 0 0.4rem;
|
||||
margin: 1.6rem 0 .4rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.8em;
|
||||
font-size: 1.8rem;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
margin: 1.6rem 0 0.4rem;
|
||||
margin: 1.6rem 0 .4rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.6em;
|
||||
font-size: 1.6rem;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
margin: 1.6rem 0 0.4rem;
|
||||
margin: 1.6rem 0 .4rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
color: #777;
|
||||
font-size: 1.4em;
|
||||
font-size: 1.4rem;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
margin: 1.6rem 0 0.4rem;
|
||||
}
|
||||
|
||||
small {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
pre {
|
||||
background: #efefef;
|
||||
color: #444;
|
||||
display: block;
|
||||
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
||||
font-size: 1.4rem;
|
||||
margin: 1.6rem 0;
|
||||
padding: 1.6rem;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
margin: 1.6rem 0 .4rem;
|
||||
}
|
||||
|
||||
code {
|
||||
@ -242,12 +252,6 @@ code {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #1271db;
|
||||
-webkit-transition: .25s ease;
|
||||
transition: .25s ease;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
@ -263,7 +267,7 @@ dd {
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin-bottom: 0.8rem;
|
||||
margin-bottom: .8rem;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
@ -283,10 +287,6 @@ html {
|
||||
font-size: 62.5%;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
main,
|
||||
header,
|
||||
footer,
|
||||
@ -301,12 +301,6 @@ summary {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
main {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding: 0 1.6rem 1.6rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
border-top: .1rem solid rgba(0,0,0,0.2);
|
||||
clear: both;
|
||||
@ -330,39 +324,25 @@ img {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 40rem) {
|
||||
article,
|
||||
section,
|
||||
aside {
|
||||
clear: both;
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
margin-right: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"],
|
||||
input[type=text],
|
||||
input[type=password],
|
||||
input[type=email],
|
||||
input[type=url],
|
||||
input[type=date],
|
||||
input[type=month],
|
||||
input[type=time],
|
||||
input[type=datetime],
|
||||
input[type=datetime-local],
|
||||
input[type=week],
|
||||
input[type=number],
|
||||
input[type=search],
|
||||
input[type=tel],
|
||||
input[type=color],
|
||||
select {
|
||||
border: .1rem solid #ccc;
|
||||
border-radius: 0;
|
||||
display: inline-block;
|
||||
padding: 0.8rem;
|
||||
padding: .8rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@ -374,28 +354,28 @@ input:not([type]) {
|
||||
border-radius: 0;
|
||||
color: #444;
|
||||
display: inline-block;
|
||||
padding: 0.8rem;
|
||||
padding: .8rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
input[type="color"] {
|
||||
padding: 0.8rem 1.6rem;
|
||||
input[type=color] {
|
||||
padding: .8rem 1.6rem;
|
||||
}
|
||||
|
||||
input[type="text"]:focus,
|
||||
input[type="password"]:focus,
|
||||
input[type="email"]:focus,
|
||||
input[type="url"]:focus,
|
||||
input[type="date"]:focus,
|
||||
input[type="month"]:focus,
|
||||
input[type="time"]:focus,
|
||||
input[type="datetime"]:focus,
|
||||
input[type="datetime-local"]:focus,
|
||||
input[type="week"]:focus,
|
||||
input[type="number"]:focus,
|
||||
input[type="search"]:focus,
|
||||
input[type="tel"]:focus,
|
||||
input[type="color"]:focus,
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=week]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=color]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: #b3d4fc;
|
||||
@ -405,31 +385,31 @@ input:not([type]):focus {
|
||||
border-color: #b3d4fc;
|
||||
}
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
input[type=radio],
|
||||
input[type=checkbox] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
input[type="file"]:focus,
|
||||
input[type="radio"]:focus,
|
||||
input[type="checkbox"]:focus {
|
||||
input[type=file]:focus,
|
||||
input[type=radio]:focus,
|
||||
input[type=checkbox]:focus {
|
||||
outline: .1rem solid thin #444;
|
||||
}
|
||||
|
||||
input[type="text"][disabled],
|
||||
input[type="password"][disabled],
|
||||
input[type="email"][disabled],
|
||||
input[type="url"][disabled],
|
||||
input[type="date"][disabled],
|
||||
input[type="month"][disabled],
|
||||
input[type="time"][disabled],
|
||||
input[type="datetime"][disabled],
|
||||
input[type="datetime-local"][disabled],
|
||||
input[type="week"][disabled],
|
||||
input[type="number"][disabled],
|
||||
input[type="search"][disabled],
|
||||
input[type="tel"][disabled],
|
||||
input[type="color"][disabled],
|
||||
input[type=text][disabled],
|
||||
input[type=password][disabled],
|
||||
input[type=email][disabled],
|
||||
input[type=url][disabled],
|
||||
input[type=date][disabled],
|
||||
input[type=month][disabled],
|
||||
input[type=time][disabled],
|
||||
input[type=datetime][disabled],
|
||||
input[type=datetime-local][disabled],
|
||||
input[type=week][disabled],
|
||||
input[type=number][disabled],
|
||||
input[type=search][disabled],
|
||||
input[type=tel][disabled],
|
||||
input[type=color][disabled],
|
||||
select[disabled],
|
||||
textarea[disabled] {
|
||||
background-color: #efefef;
|
||||
@ -458,9 +438,9 @@ select:focus:invalid {
|
||||
color: #b94a48;
|
||||
}
|
||||
|
||||
input[type="file"]:focus:invalid:focus,
|
||||
input[type="radio"]:focus:invalid:focus,
|
||||
input[type="checkbox"]:focus:invalid:focus {
|
||||
input[type=file]:focus:invalid:focus,
|
||||
input[type=radio]:focus:invalid:focus,
|
||||
input[type=checkbox]:focus:invalid:focus {
|
||||
outline-color: #ff4136;
|
||||
}
|
||||
|
||||
@ -480,44 +460,38 @@ label {
|
||||
fieldset {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0.8rem 0;
|
||||
padding: .8rem 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
border-bottom: .1rem solid #ccc;
|
||||
color: #444;
|
||||
display: block;
|
||||
margin-bottom: 0.8rem;
|
||||
padding: 0.8rem 0;
|
||||
margin-bottom: .8rem;
|
||||
padding: .8rem 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
textarea {
|
||||
border: .1rem solid #ccc;
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
margin-bottom: 0.8rem;
|
||||
padding: 0.8rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
input[type=submit],
|
||||
button {
|
||||
/*background-color: transparent;*/
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-transition: .25s ease;
|
||||
-webkit-user-drag: none;
|
||||
-webkit-user-select: none;
|
||||
border: .2rem solid #444;
|
||||
border-radius: 0;
|
||||
color: #444;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
margin-bottom: 0.8rem;
|
||||
margin-right: 0.4rem;
|
||||
padding: 0.8rem 1.6rem;
|
||||
margin-bottom: .8rem;
|
||||
margin-right: .4rem;
|
||||
padding: .8rem 1.6rem;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
-webkit-transition: .25s ease;
|
||||
transition: .25s ease;
|
||||
-webkit-user-drag: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
@ -578,9 +552,10 @@ nav ul li {
|
||||
}
|
||||
|
||||
nav a {
|
||||
-webkit-transition: .25s ease;
|
||||
border-bottom: .2rem solid transparent;
|
||||
color: #444;
|
||||
padding: 0.8rem 1.6rem;
|
||||
padding: .8rem 1.6rem;
|
||||
text-decoration: none;
|
||||
-webkit-transition: .25s ease;
|
||||
transition: .25s ease;
|
||||
@ -595,12 +570,8 @@ nav a:active {
|
||||
border-color: rgba(0,0,0,0.56);
|
||||
}
|
||||
|
||||
table {
|
||||
margin-bottom: 1.6rem;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding: 0.8rem 0;
|
||||
padding: .8rem 0;
|
||||
}
|
||||
|
||||
thead th {
|
||||
@ -610,13 +581,13 @@ thead th {
|
||||
|
||||
tr {
|
||||
background: #fff;
|
||||
margin-bottom: 0.8rem;
|
||||
margin-bottom: .8rem;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
border: .1rem solid #ccc;
|
||||
padding: 0.8rem 1.6rem;
|
||||
padding: .8rem 1.6rem;
|
||||
text-align: center;
|
||||
vertical-align: inherit;
|
||||
}
|
||||
@ -627,7 +598,32 @@ tfoot tr {
|
||||
|
||||
tfoot td {
|
||||
color: #efefef;
|
||||
font-size: 0.8rem;
|
||||
font-size: .8rem;
|
||||
font-style: italic;
|
||||
padding: 1.6rem 0.4rem;
|
||||
padding: 1.6rem .4rem;
|
||||
}
|
||||
|
||||
@media screen {
|
||||
[hidden~=screen] {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
[hidden~=screen]:not(:active):not(:focus):not(:target) {
|
||||
clip: rect(0000)!important;
|
||||
position: absolute!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and max-width 40rem {
|
||||
article,
|
||||
section,
|
||||
aside {
|
||||
clear: both;
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
margin-right: 1.6rem;
|
||||
}
|
||||
}
|
||||
@ -1,265 +1,356 @@
|
||||
:root {
|
||||
:root
|
||||
{
|
||||
--default-font-list:'Open Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
|
||||
-ms-text-size-adjust:100%;
|
||||
-webkit-text-size-adjust:100%;
|
||||
box-sizing:border-box;
|
||||
cursor:default;
|
||||
font-family:var(--default-font-list);
|
||||
line-height:1.4;
|
||||
overflow-y:scroll;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
text-size-adjust: 100%; }
|
||||
text-size-adjust:100%;
|
||||
}
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none; }
|
||||
audio:not([controls])
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
|
||||
details {
|
||||
display: block; }
|
||||
details
|
||||
{
|
||||
display:block;
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; }
|
||||
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none; }
|
||||
input[type=search]
|
||||
{
|
||||
-webkit-appearance:textfield;
|
||||
}
|
||||
|
||||
main {
|
||||
display: block; }
|
||||
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration
|
||||
{
|
||||
-webkit-appearance:none;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: block; }
|
||||
main
|
||||
{
|
||||
display:block;
|
||||
margin:0 auto;
|
||||
padding:0 1.6em 1.6em;
|
||||
padding:0 1.6rem 1.6rem;
|
||||
}
|
||||
|
||||
pre {
|
||||
overflow: auto; }
|
||||
summary
|
||||
{
|
||||
display:block;
|
||||
}
|
||||
|
||||
progress {
|
||||
display: inline-block; }
|
||||
|
||||
small {
|
||||
font-size: 75%; }
|
||||
|
||||
big {
|
||||
font-size: 125%; }
|
||||
|
||||
template {
|
||||
display: none; }
|
||||
|
||||
textarea {
|
||||
pre
|
||||
{
|
||||
background:#efefef;
|
||||
color:#444;
|
||||
display:block;
|
||||
font-family:Menlo, Monaco, Consolas, 'Courier New', monospace;
|
||||
font-size:1.4em;
|
||||
font-size:1.4rem;
|
||||
margin:1.6em 0;
|
||||
margin:1.6rem 0;
|
||||
overflow:auto;
|
||||
resize: vertical; }
|
||||
padding:1.6em;
|
||||
padding:1.6rem;
|
||||
word-break:break-all;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none; }
|
||||
progress
|
||||
{
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
[unselectable] {
|
||||
-webkit-user-select: none;
|
||||
small
|
||||
{
|
||||
color:#777;
|
||||
font-size:75%;
|
||||
}
|
||||
|
||||
big
|
||||
{
|
||||
font-size:125%;
|
||||
}
|
||||
|
||||
template
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
|
||||
textarea
|
||||
{
|
||||
border:.1rem solid #ccc;
|
||||
border-radius:0;
|
||||
display:block;
|
||||
margin-bottom:.8rem;
|
||||
overflow:auto;
|
||||
padding:.8rem;
|
||||
resize:vertical;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
[hidden]
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
|
||||
[unselectable]
|
||||
{
|
||||
-moz-user-select:none;
|
||||
-ms-user-select:none;
|
||||
user-select: none; }
|
||||
-webkit-user-select:none;
|
||||
user-select:none;
|
||||
}
|
||||
|
||||
*, ::before, ::after {
|
||||
*,::before,::after
|
||||
{
|
||||
border-style:solid;
|
||||
border-width:0;
|
||||
box-sizing: inherit; }
|
||||
box-sizing:inherit;
|
||||
}
|
||||
|
||||
* {
|
||||
*
|
||||
{
|
||||
font-size:inherit;
|
||||
line-height:inherit;
|
||||
margin:0;
|
||||
padding: 0; }
|
||||
padding:0;
|
||||
}
|
||||
|
||||
::before, ::after {
|
||||
::before,::after
|
||||
{
|
||||
text-decoration:inherit;
|
||||
vertical-align: inherit; }
|
||||
vertical-align:inherit;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none; }
|
||||
a
|
||||
{
|
||||
-webkit-transition:.25s ease;
|
||||
color:#1271db;
|
||||
text-decoration:none;
|
||||
transition:.25s ease;
|
||||
}
|
||||
|
||||
audio, canvas, iframe, img, svg, video {
|
||||
vertical-align: middle; }
|
||||
audio,canvas,iframe,img,svg,video
|
||||
{
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
button, input, select, textarea {
|
||||
button,input,select,textarea
|
||||
{
|
||||
border:.1rem solid #ccc;
|
||||
color:inherit;
|
||||
font-family:inherit;
|
||||
font-style:inherit;
|
||||
font-weight:inherit;
|
||||
min-height: 1.4em; }
|
||||
min-height:1.4em;
|
||||
}
|
||||
|
||||
code, kbd, pre, samp {
|
||||
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace, monospace; }
|
||||
code,kbd,pre,samp
|
||||
{
|
||||
font-family:Menlo, Monaco, Consolas, 'Courier New', monospace, monospace;
|
||||
}
|
||||
|
||||
table {
|
||||
table
|
||||
{
|
||||
border-collapse:collapse;
|
||||
border-spacing: 0; }
|
||||
border-spacing:0;
|
||||
margin-bottom:1.6rem;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
::-moz-selection
|
||||
{
|
||||
background-color:#b3d4fc;
|
||||
text-shadow: none; }
|
||||
text-shadow:none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
::selection
|
||||
{
|
||||
background-color:#b3d4fc;
|
||||
text-shadow: none; }
|
||||
text-shadow:none;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner {
|
||||
border: 0; }
|
||||
button::-moz-focus-inner
|
||||
{
|
||||
border:0;
|
||||
}
|
||||
|
||||
@media screen {
|
||||
[hidden~="screen"] {
|
||||
display: inherit; }
|
||||
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
|
||||
clip: rect(0 0 0 0) !important;
|
||||
position: absolute !important; } }
|
||||
|
||||
body {
|
||||
body
|
||||
{
|
||||
color:#444;
|
||||
font-family:var(--default-font-list);
|
||||
font-size:1.6rem;
|
||||
font-style:normal;
|
||||
font-weight: 400; }
|
||||
font-weight:400;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 1.6rem; }
|
||||
p
|
||||
{
|
||||
margin:0 0 1.6rem;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: 'Lato', var(--default-font-list);
|
||||
margin: 2rem 0 1.6rem; }
|
||||
h1,h2,h3,h4,h5,h6
|
||||
{
|
||||
font-family:Lato, var(--default-font-list);
|
||||
margin:2em 0 1.6em;
|
||||
margin:2rem 0 1.6rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
h1
|
||||
{
|
||||
border-bottom:.1rem solid rgba(0,0,0,0.2);
|
||||
font-size:3.6em;
|
||||
font-size:3.6rem;
|
||||
font-style:normal;
|
||||
font-weight: 500; }
|
||||
font-weight:500;
|
||||
}
|
||||
|
||||
h2 {
|
||||
h2
|
||||
{
|
||||
font-size:3em;
|
||||
font-size:3rem;
|
||||
font-style:normal;
|
||||
font-weight: 500; }
|
||||
font-weight:500;
|
||||
}
|
||||
|
||||
h3 {
|
||||
h3
|
||||
{
|
||||
font-size:2.4em;
|
||||
font-size:2.4rem;
|
||||
font-style:normal;
|
||||
font-weight:500;
|
||||
margin: 1.6rem 0 0.4rem; }
|
||||
margin:1.6rem 0 .4rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
h4
|
||||
{
|
||||
font-size:1.8em;
|
||||
font-size:1.8rem;
|
||||
font-style:normal;
|
||||
font-weight:600;
|
||||
margin: 1.6rem 0 0.4rem; }
|
||||
margin:1.6rem 0 .4rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
h5
|
||||
{
|
||||
font-size:1.6em;
|
||||
font-size:1.6rem;
|
||||
font-style:normal;
|
||||
font-weight:600;
|
||||
margin: 1.6rem 0 0.4rem; }
|
||||
margin:1.6rem 0 .4rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
h6
|
||||
{
|
||||
color:#777;
|
||||
font-size:1.4em;
|
||||
font-size:1.4rem;
|
||||
font-style:normal;
|
||||
font-weight:600;
|
||||
margin: 1.6rem 0 0.4rem; }
|
||||
margin:1.6rem 0 .4rem;
|
||||
}
|
||||
|
||||
small {
|
||||
color: #777; }
|
||||
|
||||
pre {
|
||||
background: #efefef;
|
||||
color: #444;
|
||||
display: block;
|
||||
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
||||
font-size: 1.4rem;
|
||||
margin: 1.6rem 0;
|
||||
padding: 1.6rem;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word; }
|
||||
|
||||
code {
|
||||
code
|
||||
{
|
||||
background:#efefef;
|
||||
color:#444;
|
||||
font-family:Menlo, Monaco, Consolas, 'Courier New', monospace;
|
||||
font-size:1.4rem;
|
||||
word-break:break-all;
|
||||
word-wrap: break-word; }
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #1271db;
|
||||
-webkit-transition: .25s ease;
|
||||
transition: .25s ease; }
|
||||
a:hover, a:focus {
|
||||
text-decoration: none; }
|
||||
a:hover,a:focus
|
||||
{
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
dl {
|
||||
margin-bottom: 1.6rem; }
|
||||
dl
|
||||
{
|
||||
margin-bottom:1.6rem;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-left: 4rem; }
|
||||
dd
|
||||
{
|
||||
margin-left:4rem;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
margin-bottom: 0.8rem;
|
||||
padding-left: 2rem; }
|
||||
ul,ol
|
||||
{
|
||||
margin-bottom:.8rem;
|
||||
padding-left:2rem;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
blockquote
|
||||
{
|
||||
border-left:.2rem solid #1271db;
|
||||
font-family:Georgia, Times, 'Times New Roman', serif;
|
||||
font-style:italic;
|
||||
margin:1.6rem 0;
|
||||
padding-left: 1.6rem; }
|
||||
padding-left:1.6rem;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
font-family: Georgia, Times, 'Times New Roman', serif; }
|
||||
figcaption
|
||||
{
|
||||
font-family:Georgia, Times, 'Times New Roman', serif;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 62.5%; }
|
||||
html
|
||||
{
|
||||
font-size:62.5%;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 0; }
|
||||
|
||||
main, header, footer, article, section, aside, details, summary {
|
||||
main,header,footer,article,section,aside,details,summary
|
||||
{
|
||||
display:block;
|
||||
height:auto;
|
||||
margin:0 auto;
|
||||
width: 100%; }
|
||||
width:100%;
|
||||
}
|
||||
|
||||
main {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding: 0 1.6rem 1.6rem; }
|
||||
|
||||
footer {
|
||||
footer
|
||||
{
|
||||
border-top:.1rem solid rgba(0,0,0,0.2);
|
||||
clear:both;
|
||||
display:inline-block;
|
||||
float:left;
|
||||
max-width:100%;
|
||||
padding:1rem 0;
|
||||
text-align: center; }
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
hr {
|
||||
hr
|
||||
{
|
||||
border-top:.1rem solid rgba(0,0,0,0.2);
|
||||
display:block;
|
||||
margin-bottom:1.6rem;
|
||||
width: 100%; }
|
||||
width:100%;
|
||||
}
|
||||
|
||||
img {
|
||||
img
|
||||
{
|
||||
height:auto;
|
||||
max-width:100%;
|
||||
vertical-align: baseline; }
|
||||
vertical-align:baseline;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 40rem) {
|
||||
article, section, aside {
|
||||
clear: both;
|
||||
display: block;
|
||||
max-width: 100%; }
|
||||
img {
|
||||
margin-right: 1.6rem; } }
|
||||
|
||||
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], select {
|
||||
input[type=text],input[type=password],input[type=email],input[type=url],input[type=date],input[type=month],input[type=time],input[type=datetime],input[type=datetime-local],input[type=week],input[type=number],input[type=search],input[type=tel],input[type=color],select
|
||||
{
|
||||
border:.1rem solid #ccc;
|
||||
border-radius:0;
|
||||
display:inline-block;
|
||||
padding: 0.8rem;
|
||||
vertical-align: middle; }
|
||||
padding:.8rem;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
input:not([type]) {
|
||||
input:not([type])
|
||||
{
|
||||
-webkit-appearance:none;
|
||||
background-clip:padding-box;
|
||||
background-color:#fff;
|
||||
@ -267,167 +358,258 @@ input:not([type]) {
|
||||
border-radius:0;
|
||||
color:#444;
|
||||
display:inline-block;
|
||||
padding: 0.8rem;
|
||||
text-align: left; }
|
||||
padding:.8rem;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
input[type="color"] {
|
||||
padding: 0.8rem 1.6rem; }
|
||||
input[type=color]
|
||||
{
|
||||
padding:.8rem 1.6rem;
|
||||
}
|
||||
|
||||
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus, textarea:focus {
|
||||
border-color: #b3d4fc; }
|
||||
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=week]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,select:focus,textarea:focus
|
||||
{
|
||||
border-color:#b3d4fc;
|
||||
}
|
||||
|
||||
input:not([type]):focus {
|
||||
border-color: #b3d4fc; }
|
||||
input:not([type]):focus
|
||||
{
|
||||
border-color:#b3d4fc;
|
||||
}
|
||||
|
||||
input[type="radio"], input[type="checkbox"] {
|
||||
vertical-align: middle; }
|
||||
input[type=radio],input[type=checkbox]
|
||||
{
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
|
||||
outline: .1rem solid thin #444; }
|
||||
input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus
|
||||
{
|
||||
outline:.1rem solid thin #444;
|
||||
}
|
||||
|
||||
input[type="text"][disabled], input[type="password"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="date"][disabled], input[type="month"][disabled], input[type="time"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="week"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="color"][disabled], select[disabled], textarea[disabled] {
|
||||
input[type=text][disabled],input[type=password][disabled],input[type=email][disabled],input[type=url][disabled],input[type=date][disabled],input[type=month][disabled],input[type=time][disabled],input[type=datetime][disabled],input[type=datetime-local][disabled],input[type=week][disabled],input[type=number][disabled],input[type=search][disabled],input[type=tel][disabled],input[type=color][disabled],select[disabled],textarea[disabled]
|
||||
{
|
||||
background-color:#efefef;
|
||||
color:#777;
|
||||
cursor: not-allowed; }
|
||||
cursor:not-allowed;
|
||||
}
|
||||
|
||||
input:not([type])[disabled] {
|
||||
input:not([type])[disabled]
|
||||
{
|
||||
background-color:#efefef;
|
||||
color:#777;
|
||||
cursor: not-allowed; }
|
||||
cursor:not-allowed;
|
||||
}
|
||||
|
||||
input[readonly], select[readonly], textarea[readonly] {
|
||||
input[readonly],select[readonly],textarea[readonly]
|
||||
{
|
||||
background-color:#efefef;
|
||||
border-color:#ccc;
|
||||
color: #777; }
|
||||
color:#777;
|
||||
}
|
||||
|
||||
input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
|
||||
input:focus:invalid,textarea:focus:invalid,select:focus:invalid
|
||||
{
|
||||
border-color:#e9322d;
|
||||
color: #b94a48; }
|
||||
color:#b94a48;
|
||||
}
|
||||
|
||||
input[type="file"]:focus:invalid:focus, input[type="radio"]:focus:invalid:focus, input[type="checkbox"]:focus:invalid:focus {
|
||||
outline-color: #ff4136; }
|
||||
input[type=file]:focus:invalid:focus,input[type=radio]:focus:invalid:focus,input[type=checkbox]:focus:invalid:focus
|
||||
{
|
||||
outline-color:#ff4136;
|
||||
}
|
||||
|
||||
select {
|
||||
select
|
||||
{
|
||||
background-color:#fff;
|
||||
border: .1rem solid #ccc; }
|
||||
border:.1rem solid #ccc;
|
||||
}
|
||||
|
||||
select[multiple] {
|
||||
height: auto; }
|
||||
select[multiple]
|
||||
{
|
||||
height:auto;
|
||||
}
|
||||
|
||||
label {
|
||||
line-height: 2; }
|
||||
label
|
||||
{
|
||||
line-height:2;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
fieldset
|
||||
{
|
||||
border:0;
|
||||
margin:0;
|
||||
padding: 0.8rem 0; }
|
||||
padding:.8rem 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
legend
|
||||
{
|
||||
border-bottom:.1rem solid #ccc;
|
||||
color:#444;
|
||||
display:block;
|
||||
margin-bottom: 0.8rem;
|
||||
padding: 0.8rem 0;
|
||||
width: 100%; }
|
||||
margin-bottom:.8rem;
|
||||
padding:.8rem 0;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
textarea {
|
||||
border: .1rem solid #ccc;
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
margin-bottom: 0.8rem;
|
||||
padding: 0.8rem;
|
||||
vertical-align: middle; }
|
||||
|
||||
input[type=submit], button {
|
||||
/*background-color: transparent;*/
|
||||
input[type=submit],button
|
||||
{
|
||||
-moz-user-select:none;
|
||||
-ms-user-select:none;
|
||||
-webkit-transition:.25s ease;
|
||||
-webkit-user-drag:none;
|
||||
-webkit-user-select:none;
|
||||
border:.2rem solid #444;
|
||||
border-radius:0;
|
||||
color:#444;
|
||||
cursor:pointer;
|
||||
display:inline-block;
|
||||
margin-bottom: 0.8rem;
|
||||
margin-right: 0.4rem;
|
||||
padding: 0.8rem 1.6rem;
|
||||
margin-bottom:.8rem;
|
||||
margin-right:.4rem;
|
||||
padding:.8rem 1.6rem;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
text-transform:uppercase;
|
||||
-webkit-transition: .25s ease;
|
||||
transition:.25s ease;
|
||||
-webkit-user-drag: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select:none;
|
||||
vertical-align: baseline; }
|
||||
input[type=submit] a, button a {
|
||||
color: #444; }
|
||||
vertical-align:baseline;
|
||||
}
|
||||
|
||||
input[type=submit]::-moz-focus-inner, button::-moz-focus-inner {
|
||||
padding: 0; }
|
||||
input[type=submit] a,button a
|
||||
{
|
||||
color:#444;
|
||||
}
|
||||
|
||||
input[type=submit]:hover, button:hover {
|
||||
input[type=submit]::-moz-focus-inner,button::-moz-focus-inner
|
||||
{
|
||||
padding:0;
|
||||
}
|
||||
|
||||
input[type=submit]:hover,button:hover
|
||||
{
|
||||
background:#444;
|
||||
border-color:#444;
|
||||
color: #fff; }
|
||||
input[type=submit]:hover a, button:hover a {
|
||||
color: #fff; }
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
input[type=submit]:active, button:active {
|
||||
input[type=submit]:hover a,button:hover a
|
||||
{
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
input[type=submit]:active,button:active
|
||||
{
|
||||
background:#6a6a6a;
|
||||
border-color:#6a6a6a;
|
||||
color: #fff; }
|
||||
input[type=submit]:active a, button:active a {
|
||||
color: #fff; }
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
input[type=submit]:disabled, button:disabled {
|
||||
input[type=submit]:active a,button:active a
|
||||
{
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
input[type=submit]:disabled,button:disabled
|
||||
{
|
||||
box-shadow:none;
|
||||
cursor:not-allowed;
|
||||
opacity: .40; }
|
||||
opacity:.40;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
nav ul
|
||||
{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
text-align: center; }
|
||||
nav ul li {
|
||||
display: inline; }
|
||||
nav a {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
nav ul li
|
||||
{
|
||||
display:inline;
|
||||
}
|
||||
|
||||
nav a
|
||||
{
|
||||
-webkit-transition:.25s ease;
|
||||
border-bottom:.2rem solid transparent;
|
||||
color:#444;
|
||||
padding: 0.8rem 1.6rem;
|
||||
padding:.8rem 1.6rem;
|
||||
text-decoration:none;
|
||||
-webkit-transition: .25s ease;
|
||||
transition: .25s ease; }
|
||||
nav a:hover, nav li.selected a {
|
||||
border-color: rgba(0, 0, 0, 0.2); }
|
||||
nav a:active {
|
||||
border-color: rgba(0, 0, 0, 0.56); }
|
||||
transition:.25s ease;
|
||||
}
|
||||
|
||||
table {
|
||||
margin-bottom: 1.6rem; }
|
||||
nav a:hover,nav li.selected a
|
||||
{
|
||||
border-color:rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
caption {
|
||||
padding: 0.8rem 0; }
|
||||
nav a:active
|
||||
{
|
||||
border-color:rgba(0,0,0,0.56);
|
||||
}
|
||||
|
||||
thead th {
|
||||
caption
|
||||
{
|
||||
padding:.8rem 0;
|
||||
}
|
||||
|
||||
thead th
|
||||
{
|
||||
background:#efefef;
|
||||
color: #444; }
|
||||
color:#444;
|
||||
}
|
||||
|
||||
tr {
|
||||
tr
|
||||
{
|
||||
background:#fff;
|
||||
margin-bottom: 0.8rem; }
|
||||
margin-bottom:.8rem;
|
||||
}
|
||||
|
||||
th, td {
|
||||
th,td
|
||||
{
|
||||
border:.1rem solid #ccc;
|
||||
padding: 0.8rem 1.6rem;
|
||||
padding:.8rem 1.6rem;
|
||||
text-align:center;
|
||||
vertical-align: inherit; }
|
||||
vertical-align:inherit;
|
||||
}
|
||||
|
||||
tfoot tr {
|
||||
background: none; }
|
||||
tfoot tr
|
||||
{
|
||||
background:none;
|
||||
}
|
||||
|
||||
tfoot td {
|
||||
tfoot td
|
||||
{
|
||||
color:#efefef;
|
||||
font-size: 0.8rem;
|
||||
font-size:.8rem;
|
||||
font-style:italic;
|
||||
padding: 1.6rem 0.4rem; }
|
||||
padding:1.6rem .4rem;
|
||||
}
|
||||
|
||||
@media screen {
|
||||
[hidden~=screen]
|
||||
{
|
||||
display:inherit;
|
||||
}
|
||||
|
||||
[hidden~=screen]:not(:active):not(:focus):not(:target)
|
||||
{
|
||||
clip:rect(0000)!important;
|
||||
position:absolute!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and max-width 40rem {
|
||||
article,section,aside
|
||||
{
|
||||
clear:both;
|
||||
display:block;
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
margin-right:1.6rem;
|
||||
}
|
||||
}
|
||||
@ -11,7 +11,7 @@
|
||||
});
|
||||
|
||||
// Confirm deleting of list or library items
|
||||
ac.on('form.js-danger', 'submit', function (event) {
|
||||
ac.on('form.js-delete', 'submit', function (event) {
|
||||
let proceed = confirm("Are you ABSOLUTELY SURE you want to delete this item?");
|
||||
|
||||
if (proceed === false) {
|
||||
|
||||
@ -265,7 +265,7 @@ class Anime extends BaseController {
|
||||
|
||||
if ($response['body'] == TRUE)
|
||||
{
|
||||
$this->set_flash_message("Successfully deleted anime", 'success');
|
||||
$this->set_flash_message("Successfully deleted anime.", 'success');
|
||||
$this->cache->purge();
|
||||
}
|
||||
else
|
||||
|
||||
@ -28,7 +28,7 @@ class Manga extends Controller {
|
||||
|
||||
/**
|
||||
* The manga model
|
||||
* @var object $model
|
||||
* @var MangaModel $model
|
||||
*/
|
||||
protected $model;
|
||||
|
||||
@ -233,5 +233,25 @@ class Manga extends Controller {
|
||||
$this->cache->purge();
|
||||
$this->outputJSON($result['body'], $result['statusCode']);
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove an manga from the list
|
||||
*/
|
||||
public function delete()
|
||||
{
|
||||
$response = $this->model->delete($this->request->getParsedBody());
|
||||
|
||||
if ($response['body'] == TRUE)
|
||||
{
|
||||
$this->set_flash_message("Successfully deleted manga.", 'success');
|
||||
$this->cache->purge();
|
||||
}
|
||||
else
|
||||
{
|
||||
$this->set_flash_message('Failed to delete manga.', 'error');
|
||||
}
|
||||
|
||||
$this->session_redirect();
|
||||
}
|
||||
}
|
||||
// End of MangaController.php
|
||||
@ -13,11 +13,9 @@
|
||||
|
||||
namespace Aviat\AnimeClient\Model;
|
||||
|
||||
use GuzzleHttp\Cookie\Cookiejar;
|
||||
use GuzzleHttp\Cookie\SetCookie;
|
||||
|
||||
use Aviat\Ion\Json;
|
||||
use Aviat\AnimeClient\Model\API;
|
||||
use Aviat\AnimeClient\Hummingbird\Transformer;
|
||||
use Aviat\AnimeClient\Hummingbird\Enum\MangaReadingStatus;
|
||||
|
||||
@ -94,6 +92,7 @@ class Manga extends API {
|
||||
* Add a manga to the list
|
||||
*
|
||||
* @param array $data
|
||||
* @return array
|
||||
*/
|
||||
public function add($data)
|
||||
{
|
||||
@ -142,6 +141,7 @@ class Manga extends API {
|
||||
*
|
||||
* @param string $name
|
||||
* @return array
|
||||
* @throws RuntimeException
|
||||
*/
|
||||
public function search($name)
|
||||
{
|
||||
@ -197,7 +197,8 @@ class Manga extends API {
|
||||
|
||||
$response = $this->get('manga_library_entries', $config);
|
||||
$data = $this->transform($response);
|
||||
return $this->map_by_status($data);
|
||||
$final = $this->map_by_status($data);
|
||||
return ($status !== 'All') ? $final[$status] : $final;
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
Loading…
Reference in New Issue
Block a user