summaryrefslogtreecommitdiff
path: root/Resources/assets
diff options
context:
space:
mode:
Diffstat (limited to 'Resources/assets')
-rw-r--r--Resources/assets/bomb-lab/phase-3.pngbin0 -> 69063 bytes
-rw-r--r--Resources/assets/sakura.css170
2 files changed, 105 insertions, 65 deletions
diff --git a/Resources/assets/bomb-lab/phase-3.png b/Resources/assets/bomb-lab/phase-3.png
new file mode 100644
index 0000000..b247a5b
--- /dev/null
+++ b/Resources/assets/bomb-lab/phase-3.png
Binary files differ
diff --git a/Resources/assets/sakura.css b/Resources/assets/sakura.css
index 61c929e..3992573 100644
--- a/Resources/assets/sakura.css
+++ b/Resources/assets/sakura.css
@@ -1,4 +1,4 @@
-/* Sakura.css v1.3.0
+/* Sakura.css v1.5.0
* ================
* Minimal css theme.
* Project: https://github.com/oxalorg/sakura/
@@ -6,7 +6,8 @@
/* Body */
html {
font-size: 62.5%;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; }
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+}
body {
font-size: 1.8rem;
@@ -15,16 +16,19 @@ body {
margin: auto;
color: #4a4a4a;
background-color: #f9f9f9;
- padding: 13px; }
+ padding: 13px;
+}
@media (max-width: 684px) {
body {
- font-size: 1.53rem; } }
-
+ font-size: 1.53rem;
+ }
+}
@media (max-width: 382px) {
body {
- font-size: 1.35rem; } }
-
+ font-size: 1.35rem;
+ }
+}
h1, h2, h3, h4, h5, h6 {
line-height: 1.1;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
@@ -35,53 +39,66 @@ h1, h2, h3, h4, h5, h6 {
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
- -ms-hyphens: auto;
- -moz-hyphens: auto;
- -webkit-hyphens: auto;
- hyphens: auto; }
+}
h1 {
- font-size: 2.35em; }
+ font-size: 2.35em;
+}
h2 {
- font-size: 2.00em; }
+ font-size: 2em;
+}
h3 {
- font-size: 1.75em; }
+ font-size: 1.75em;
+}
h4 {
- font-size: 1.5em; }
+ font-size: 1.5em;
+}
h5 {
- font-size: 1.25em; }
+ font-size: 1.25em;
+}
h6 {
- font-size: 1em; }
+ font-size: 1em;
+}
p {
margin-top: 0px;
- margin-bottom: 2.5rem; }
+ margin-bottom: 2.5rem;
+}
small, sub, sup {
- font-size: 75%; }
+ font-size: 75%;
+}
hr {
- border-color: #2c8898; }
+ border-color: #1d7484;
+}
a {
text-decoration: none;
- color: #2c8898; }
- a:hover {
- color: #982c61;
- border-bottom: 2px solid #4a4a4a; }
+ color: #1d7484;
+}
+a:visited {
+ color: #144f5a;
+}
+a:hover {
+ color: #982c61;
+ border-bottom: 2px solid #4a4a4a;
+}
ul {
padding-left: 1.4em;
margin-top: 0px;
- margin-bottom: 2.5rem; }
+ margin-bottom: 2.5rem;
+}
li {
- margin-bottom: 0.4em; }
+ margin-bottom: 0.4em;
+}
blockquote {
margin-left: 0px;
@@ -90,18 +107,21 @@ blockquote {
padding-top: 0.8em;
padding-bottom: 0.8em;
padding-right: 0.8em;
- border-left: 5px solid #2c8898;
+ border-left: 5px solid #1d7484;
margin-bottom: 2.5rem;
- background-color: #f1f1f1; }
+ background-color: #f1f1f1;
+}
blockquote p {
- margin-bottom: 0; }
+ margin-bottom: 0;
+}
-img {
+img, video {
height: auto;
max-width: 100%;
margin-top: 0px;
- margin-bottom: 2.5rem; }
+ margin-bottom: 2.5rem;
+}
/* Pre and Code */
pre {
@@ -110,77 +130,97 @@ pre {
padding: 1em;
overflow-x: auto;
margin-top: 0px;
- margin-bottom: 2.5rem; }
+ margin-bottom: 2.5rem;
+ font-size: 0.9em;
+}
-code {
+code, kbd, samp {
font-size: 0.9em;
padding: 0 0.5em;
background-color: #f1f1f1;
- white-space: pre-wrap; }
+ white-space: pre-wrap;
+}
pre > code {
padding: 0;
background-color: transparent;
- white-space: pre; }
+ white-space: pre;
+ font-size: 1em;
+}
/* Tables */
table {
text-align: justify;
width: 100%;
- border-collapse: collapse; }
+ border-collapse: collapse;
+ margin-bottom: 2rem;
+}
td, th {
padding: 0.5em;
- border-bottom: 1px solid #f1f1f1; }
+ border-bottom: 1px solid #f1f1f1;
+}
/* Buttons, forms and input */
input, textarea {
- border: 1px solid #4a4a4a; }
- input:focus, textarea:focus {
- border: 1px solid #2c8898; }
+ border: 1px solid #4a4a4a;
+}
+input:focus, textarea:focus {
+ border: 1px solid #1d7484;
+}
textarea {
- width: 100%; }
+ width: 100%;
+}
-.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
+.button, button, input[type=submit], input[type=reset], input[type=button], input[type=file]::file-selector-button {
display: inline-block;
padding: 5px 10px;
text-align: center;
text-decoration: none;
white-space: nowrap;
- background-color: #2c8898;
+ background-color: #1d7484;
color: #f9f9f9;
border-radius: 1px;
- border: 1px solid #2c8898;
+ border: 1px solid #1d7484;
cursor: pointer;
- box-sizing: border-box; }
- .button[disabled], button[disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled] {
- cursor: default;
- opacity: .5; }
- .button:focus:enabled, .button:hover:enabled, button:focus:enabled, button:hover:enabled, input[type="submit"]:focus:enabled, input[type="submit"]:hover:enabled, input[type="reset"]:focus:enabled, input[type="reset"]:hover:enabled, input[type="button"]:focus:enabled, input[type="button"]:hover:enabled {
- background-color: #982c61;
- border-color: #982c61;
- color: #f9f9f9;
- outline: 0; }
-
-textarea, select, input[type] {
+ box-sizing: border-box;
+}
+.button[disabled], button[disabled], input[type=submit][disabled], input[type=reset][disabled], input[type=button][disabled], input[type=file]::file-selector-button[disabled] {
+ cursor: default;
+ opacity: 0.5;
+}
+.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, input[type=file]::file-selector-button:hover {
+ background-color: #982c61;
+ color: #f9f9f9;
+ outline: 0;
+}
+.button:focus-visible, button:focus-visible, input[type=submit]:focus-visible, input[type=reset]:focus-visible, input[type=button]:focus-visible, input[type=file]::file-selector-button:focus-visible {
+ outline-style: solid;
+ outline-width: 2px;
+}
+
+textarea, select, input {
color: #4a4a4a;
- padding: 6px 10px;
- /* The 6px vertically centers text on FF, ignored by Webkit */
+ padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
margin-bottom: 10px;
background-color: #f1f1f1;
border: 1px solid #f1f1f1;
border-radius: 4px;
box-shadow: none;
- box-sizing: border-box; }
- textarea:focus, select:focus, input[type]:focus {
- border: 1px solid #2c8898;
- outline: 0; }
+ box-sizing: border-box;
+}
+textarea:focus, select:focus, input:focus {
+ border: 1px solid #1d7484;
+ outline: 0;
+}
-input[type="checkbox"]:focus {
- outline: 1px dotted #2c8898; }
+input[type=checkbox]:focus {
+ outline: 1px dotted #1d7484;
+}
label, legend, fieldset {
display: block;
- margin-bottom: .5rem;
- font-weight: 600; }
+ margin-bottom: 0.5rem;
+ font-weight: 600;
+}