diff options
Diffstat (limited to 'Resources/assets')
-rw-r--r-- | Resources/assets/bomb-lab/phase-3.png | bin | 0 -> 69063 bytes | |||
-rw-r--r-- | Resources/assets/sakura.css | 170 |
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 Binary files differnew file mode 100644 index 0000000..b247a5b --- /dev/null +++ b/Resources/assets/bomb-lab/phase-3.png 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; +} |