adjust about page styles

This commit is contained in:
Roberto Beltran 2020-10-07 01:24:04 -04:00
parent 1f579d6a88
commit 04647291c3
2 changed files with 41 additions and 37 deletions

View File

@ -131,7 +131,7 @@ a {
padding: 0.5em 1em; padding: 0.5em 1em;
} }
.autocompleter-choices li:hover { .autocompleter-choices li:hover {
background: #f890e7; background: #F890E7;
color: #FFF; color: #FFF;
cursor: pointer; cursor: pointer;
} }
@ -155,7 +155,7 @@ fieldset #categories {
margin-left: 0.5em; margin-left: 0.5em;
text-decoration: none; text-decoration: none;
color: #282828; color: #282828;
padding: .5em 1em; padding: 0.5em 1em;
border-radius: 4px; border-radius: 4px;
font-weight: 500; font-weight: 500;
font-family: "IBM Plex", monospace; font-family: "IBM Plex", monospace;
@ -262,7 +262,7 @@ fieldset #categories {
width: 100%; width: 100%;
font-size: 1.5em; font-size: 1.5em;
border: 0; border: 0;
border-bottom: 1px solid #f890e7; border-bottom: 1px solid #F890E7;
color: #282828; color: #282828;
transition: all 1.2s ease; transition: all 1.2s ease;
background-color: white; background-color: white;
@ -272,7 +272,7 @@ fieldset #categories {
top: 0; top: 0;
right: 0; right: 0;
border: 0; border: 0;
background: url("../img/search-icon.png") no-repeat scroll center center / 57% auto #f890e7; background: url("../img/search-icon.png") no-repeat scroll center center / 57% auto #F890E7;
text-indent: -9999px; text-indent: -9999px;
width: 5em; width: 5em;
height: 100%; height: 100%;
@ -281,10 +281,10 @@ fieldset #categories {
} }
#search_submit:hover, #search_submit:hover,
#search_submit:focus { #search_submit:focus {
background-color: #0bd3d3; background-color: #0BD3D3;
} }
#search_submit:hover + .q { #search_submit:hover + .q {
border-bottom-color: #0bd3d3; border-bottom-color: #0BD3D3;
} }
#sidebar { #sidebar {
display: flex; display: flex;
@ -392,7 +392,7 @@ fieldset #categories {
max-width: 111ch; max-width: 111ch;
} }
#answers { #answers {
border: 2px solid #f890e7; border: 2px solid #F890E7;
padding: 20px; padding: 20px;
color: #666; color: #666;
text-align: center; text-align: center;
@ -419,7 +419,7 @@ fieldset #categories {
} }
#suggestions input[type="submit"]:hover, #suggestions input[type="submit"]:hover,
#suggestions input[type="submit"]:focus { #suggestions input[type="submit"]:focus {
background: #f890e7; background: #F890E7;
color: #FFF; color: #FFF;
} }
#pagination { #pagination {
@ -447,7 +447,7 @@ input[type="submit"]:focus {
margin: auto; margin: auto;
} }
.row a { .row a {
color: #f890e7; color: #F890E7;
} }
.row form { .row form {
letter-spacing: -5px; letter-spacing: -5px;
@ -524,7 +524,7 @@ input[type="submit"]:focus {
} }
} }
fieldset { fieldset {
border: 2px solid #f890e7; border: 2px solid #F890E7;
border-radius: 5px; border-radius: 5px;
margin: 1em 0; margin: 1em 0;
background: white; background: white;
@ -542,16 +542,16 @@ table td {
} }
.engine_checkbox label { .engine_checkbox label {
padding: 0.5em; padding: 0.5em;
background: #f890e7; background: #F890E7;
color: #FFF; color: #FFF;
cursor: pointer; cursor: pointer;
} }
.engine_checkbox .deny { .engine_checkbox .deny {
background: #0bd3d3; background: #0BD3D3;
} }
.engine_checkbox .allow { .engine_checkbox .allow {
display: none; display: none;
background: #f890e7; background: #F890E7;
} }
.engine_checkbox input { .engine_checkbox input {
display: none; display: none;
@ -586,7 +586,7 @@ legend {
background: white; background: white;
padding: 0 1em; padding: 0 1em;
position: relative; position: relative;
border: 2px solid #f890e7; border: 2px solid #F890E7;
border-radius: 5px; border-radius: 5px;
font-family: "IBM Plex", monospace; font-family: "IBM Plex", monospace;
font-size: 0.9em; font-size: 0.9em;
@ -609,7 +609,7 @@ select {
} }
/* Comment */ /* Comment */
.highlight .err { .highlight .err {
border: 1px solid #ff0000; border: 1px solid #FF0000;
} }
/* Error */ /* Error */
.highlight .k { .highlight .k {
@ -627,7 +627,7 @@ select {
} }
/* Comment.Multiline */ /* Comment.Multiline */
.highlight .cp { .highlight .cp {
color: #bc7a00; color: #BC7A00;
} }
/* Comment.Preproc */ /* Comment.Preproc */
.highlight .c1 { .highlight .c1 {
@ -641,7 +641,7 @@ select {
} }
/* Comment.Special */ /* Comment.Special */
.highlight .gd { .highlight .gd {
color: #a00000; color: #A00000;
} }
/* Generic.Deleted */ /* Generic.Deleted */
.highlight .ge { .highlight .ge {
@ -649,7 +649,7 @@ select {
} }
/* Generic.Emph */ /* Generic.Emph */
.highlight .gr { .highlight .gr {
color: #ff0000; color: #FF0000;
} }
/* Generic.Error */ /* Generic.Error */
.highlight .gh { .highlight .gh {
@ -658,7 +658,7 @@ select {
} }
/* Generic.Heading */ /* Generic.Heading */
.highlight .gi { .highlight .gi {
color: #00a000; color: #00A000;
} }
/* Generic.Inserted */ /* Generic.Inserted */
.highlight .go { .highlight .go {
@ -680,7 +680,7 @@ select {
} }
/* Generic.Subheading */ /* Generic.Subheading */
.highlight .gt { .highlight .gt {
color: #0044dd; color: #0044DD;
} }
/* Generic.Traceback */ /* Generic.Traceback */
.highlight .kc { .highlight .kc {
@ -708,7 +708,7 @@ select {
} }
/* Keyword.Reserved */ /* Keyword.Reserved */
.highlight .kt { .highlight .kt {
color: #b00040; color: #B00040;
} }
/* Keyword.Type */ /* Keyword.Type */
.highlight .m { .highlight .m {
@ -716,11 +716,11 @@ select {
} }
/* Literal.Number */ /* Literal.Number */
.highlight .s { .highlight .s {
color: #ba2121; color: #BA2121;
} }
/* Literal.String */ /* Literal.String */
.highlight .na { .highlight .na {
color: #7d9029; color: #7D9029;
} }
/* Name.Attribute */ /* Name.Attribute */
.highlight .nb { .highlight .nb {
@ -737,7 +737,7 @@ select {
} }
/* Name.Constant */ /* Name.Constant */
.highlight .nd { .highlight .nd {
color: #aa22ff; color: #AA22FF;
} }
/* Name.Decorator */ /* Name.Decorator */
.highlight .ni { .highlight .ni {
@ -751,11 +751,11 @@ select {
} }
/* Name.Exception */ /* Name.Exception */
.highlight .nf { .highlight .nf {
color: #0000ff; color: #0000FF;
} }
/* Name.Function */ /* Name.Function */
.highlight .nl { .highlight .nl {
color: #a0a000; color: #A0A000;
} }
/* Name.Label */ /* Name.Label */
.highlight .nn { .highlight .nn {
@ -769,7 +769,7 @@ select {
} }
/* Name.Tag */ /* Name.Tag */
.highlight .nv { .highlight .nv {
color: #19177c; color: #19177C;
} }
/* Name.Variable */ /* Name.Variable */
.highlight .ow { .highlight .ow {
@ -798,11 +798,11 @@ select {
} }
/* Literal.Number.Oct */ /* Literal.Number.Oct */
.highlight .sb { .highlight .sb {
color: #ba2121; color: #BA2121;
} }
/* Literal.String.Backtick */ /* Literal.String.Backtick */
.highlight .sc { .highlight .sc {
color: #ba2121; color: #BA2121;
} }
/* Literal.String.Char */ /* Literal.String.Char */
.highlight .sd { .highlight .sd {
@ -811,7 +811,7 @@ select {
} }
/* Literal.String.Doc */ /* Literal.String.Doc */
.highlight .s2 { .highlight .s2 {
color: #ba2121; color: #BA2121;
} }
/* Literal.String.Double */ /* Literal.String.Double */
.highlight .se { .highlight .se {
@ -820,7 +820,7 @@ select {
} }
/* Literal.String.Escape */ /* Literal.String.Escape */
.highlight .sh { .highlight .sh {
color: #ba2121; color: #BA2121;
} }
/* Literal.String.Heredoc */ /* Literal.String.Heredoc */
.highlight .si { .highlight .si {
@ -833,15 +833,15 @@ select {
} }
/* Literal.String.Other */ /* Literal.String.Other */
.highlight .sr { .highlight .sr {
color: #bb6688; color: #BB6688;
} }
/* Literal.String.Regex */ /* Literal.String.Regex */
.highlight .s1 { .highlight .s1 {
color: #ba2121; color: #BA2121;
} }
/* Literal.String.Single */ /* Literal.String.Single */
.highlight .ss { .highlight .ss {
color: #19177c; color: #19177C;
} }
/* Literal.String.Symbol */ /* Literal.String.Symbol */
.highlight .bp { .highlight .bp {
@ -849,15 +849,15 @@ select {
} }
/* Name.Builtin.Pseudo */ /* Name.Builtin.Pseudo */
.highlight .vc { .highlight .vc {
color: #19177c; color: #19177C;
} }
/* Name.Variable.Class */ /* Name.Variable.Class */
.highlight .vg { .highlight .vg {
color: #19177c; color: #19177C;
} }
/* Name.Variable.Global */ /* Name.Variable.Global */
.highlight .vi { .highlight .vi {
color: #19177c; color: #19177C;
} }
/* Name.Variable.Instance */ /* Name.Variable.Instance */
.highlight .il { .highlight .il {
@ -887,6 +887,8 @@ select {
.about-container { .about-container {
max-width: 90ch; max-width: 90ch;
margin: auto; margin: auto;
padding: 1em;
font-size: 1.2em;
} }
.about-container a { .about-container a {
background-color: rgba(248, 144, 231, 0.3); background-color: rgba(248, 144, 231, 0.3);

View File

@ -774,6 +774,8 @@ select {
.about-container { .about-container {
max-width: 90ch; max-width: 90ch;
margin: auto; margin: auto;
padding: 1em;
font-size: 1.2em;
} }
.about-container a { .about-container a {
background-color: @link-background; background-color: @link-background;