appearance: none; background-color: #be1d77; border: 0; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1em; -webkit-font-smoothing: antialiased; font-weight: 600; line-height: 1; padding: 0.75em 1.5em; text-decoration: none; transition: background-color 150ms ease; user-select: none; vertical-align: middle; white-space: nowrap; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background-color: #98175f; color: #fff; } button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled { cursor: not-allowed; opacity: 0.5; } button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover { background-color: #be1d77; }
fieldset {
background-color: transparent; border: 0; margin: 0; padding: 0; }
legend {
font-weight: 600; margin-bottom: 0.375em; padding: 0; }
label {
display: block; font-weight: 600; margin-bottom: 0.375em; }
input, select {
display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1em; }
input, input, input, input, input, input, input, input, input, input, input, input, input, input, input:not(), textarea, select {
background-color: #fff; border: 1px solid #ddd; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1em; margin-bottom: 0.75em; padding: 0.5em; transition: border-color 150ms ease; width: 100%; } input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover, select[multiple]:hover { border-color: #b1b1b1; } input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus, select[multiple]:focus { border-color: #be1d77; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(168, 26, 105, 0.7); outline: none; } input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled, select[multiple]:disabled { background-color: #f2f2f2; cursor: not-allowed; } input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover, select[multiple]:disabled:hover { border: 1px solid #ddd; }
textarea {
resize: vertical; }
- type=“search”
-
{
appearance: none; }
[type=“checkbox”],
- type=“radio”
-
{
display: inline; margin-right: 0.375em; }
- type=“file”
-
{
margin-bottom: 0.75em; width: 100%; }
select {
margin-bottom: 1.5em; max-width: 100%; width: auto; }
ul, ol {
list-style-type: none; margin: 0; padding: 0; }
dl {
margin-bottom: 0.75em; } dl dt { font-weight: 600; margin-top: 0.75em; } dl dd { margin: 0; }
table {
border-collapse: collapse; margin: 0.75em 0; table-layout: fixed; width: 100%; }
th {
border-bottom: 1px solid #a6a6a6; font-weight: 600; padding: 0.75em 0; text-align: left; }
td {
border-bottom: 1px solid #ddd; padding: 0.75em 0; }
tr, td, th {
vertical-align: middle; }
body {
color: #333; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1em; line-height: 1.5; }
h1, h2, h3, h4, h5, h6 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1em; line-height: 1.2; margin: 0 0 0.75em; }
p {
margin: 0 0 0.75em; }
a {
color: #be1d77; text-decoration: none; transition: color 150ms ease; } a:active, a:focus, a:hover { color: #8f1659; }
hr {
border-bottom: 1px solid #ddd; border-left: 0; border-right: 0; border-top: 0; margin: 1.5em 0; }
img, picture {
margin: 0; max-width: 100%; }
html {
box-sizing: border-box; }
*, *::after, *::before {
box-sizing: inherit; }
body {
margin: 0; }
nav.Webrake {
background-color: #be1d77; padding: 1.5em 2em 1.5em 1em; } nav.Webrake h1 { float: right; font-size: 1em; margin-bottom: 0; color: #ddd; } nav.Webrake h1 a { color: #9edbf9; } nav.Webrake::after { content: ""; display: table; clear: both; }
h2.Introduction {
font-size: 1.5em; }
section.Container {
max-width: 1200px; margin-left: auto; margin-right: auto; margin: 2em 0; } section.Container::after { clear: both; content: ""; display: block; }
div.Wrapper {
float: left; display: block; margin-right: 2.35765%; width: 65.88078%; margin-left: 17.05961%; } div.Wrapper:last-child { margin-right: 0; }
.Task {
max-width: 1200px; margin-left: auto; margin-right: auto; margin-bottom: 1em; } .Task::after { clear: both; content: ""; display: block; }
.Task:nth-child(even) {
background-color: #9edbf9; }
.Task_header {
width: 100%; display: table; width: 100%; table-layout: fixed; }
.Task_name {
display: table-cell; width: 33.33333%; padding: 2.35765%; }
.Task_description {
display: table-cell; width: 66.66667%; padding: 2.35765%; }
.Task_actions fieldset legend {
font-size: 1.6em; }
.Task_actions fieldset .Task_action-input {
font-size: 1.5em; }
.Task_actions-button {
float: left; display: block; margin-right: 2.35765%; width: 100%; padding: 2.35765%; } .Task_actions-button:last-child { margin-right: 0; }
.Task_output {
overflow: scroll; border-radius: 5px; background-color: #333; padding: 1em 2em; color: #9edbf9; } .Task_output xmp { margin: 0; padding: 0; line-height: 0; }
.Task_output-contentError {
color: #e43431; }
/*# sourceMappingURL=application.css.map */