Minor CSS updates

Changed warning box class names and its increased bottom padding.
This commit is contained in:
luca0N! 2022-06-22 21:34:16 -03:00
parent 092da44c59
commit 3bfa9f8fc8
Signed by: luca0N
GPG Key ID: 2E7B4655CF16D7D6
3 changed files with 22 additions and 22 deletions

View File

@ -110,10 +110,10 @@ p {
line-height: 1.8em; line-height: 1.8em;
} }
.contentWarning { .warning-box {
color: rgb(202, 67, 15); color: rgb(202, 67, 15);
background-color: rgb(200, 77, 16); background-color: rgb(200, 77, 16);
padding: 4px 12px 4px 4px; padding: 4px 12px 32px 4px;
margin-top: 12px; margin-top: 12px;
margin-bottom: 12px; margin-bottom: 12px;
display: flex; display: flex;
@ -121,16 +121,16 @@ p {
background: linear-gradient(rgb(253, 215, 142), rgb(247, 185, 72)); background: linear-gradient(rgb(253, 215, 142), rgb(247, 185, 72));
} }
.contentWarning .content { .warning-box .content {
margin-top: 1em; margin-top: 1em;
} }
.contentWarning img { .warning-box img {
height: 64px; height: 64px;
margin: 12px; margin: 12px;
} }
.contentWarning .cwReturnIndex { .warning-box .wb-action-button {
/* padding: 8px; /* padding: 8px;
background-color: rgb(255, 170, 37); background-color: rgb(255, 170, 37);
text-decoration: none; */ text-decoration: none; */
@ -138,10 +138,10 @@ p {
/* transition: background-color 0.08s linear 0s; */ /* transition: background-color 0.08s linear 0s; */
} }
/*.contentWarning .cwReturnIndex:hover { /*.warning-box .wb-action-button:hover {
background-color: rgb(223, 147, 28); background-color: rgb(223, 147, 28);
} }
.contentWarning .cwReturnIndex:active { .warning-box .wb-action-button:active {
background-color: rgb(204, 133, 22); background-color: rgb(204, 133, 22);
}*/ }*/
@ -179,7 +179,7 @@ p {
background-color: rgb(225, 178, 117); background-color: rgb(225, 178, 117);
} }
.contentWarning { .warning-box {
color: black; color: black;
background: linear-gradient(to top, rgb(238, 112, 0), rgb(255, 178, 30)); background: linear-gradient(to top, rgb(238, 112, 0), rgb(255, 178, 30));
} }

View File

@ -124,10 +124,10 @@ p {
line-height: 1.8em; line-height: 1.8em;
} }
.contentWarning { .warning-box {
color: black; color: black;
background-color: rgb(200, 77, 16); background-color: rgb(200, 77, 16);
padding: 4px 12px 4px 4px; padding: 4px 12px 32px 4px;
margin-top: 12px; margin-top: 12px;
margin-bottom: 12px; margin-bottom: 12px;
display: flex; display: flex;
@ -135,16 +135,16 @@ p {
background: linear-gradient(to top, rgb(238, 112, 0), rgb(255, 178, 30)); background: linear-gradient(to top, rgb(238, 112, 0), rgb(255, 178, 30));
} }
.contentWarning .content { .warning-box .content {
margin-top: 1em; margin-top: 1em;
} }
.contentWarning img { .warning-box img {
height: 64px; height: 64px;
margin: 12px; margin: 12px;
} }
.contentWarning .cwReturnIndex { .warning-box .wb-action-button {
/* padding: 8px; /* padding: 8px;
background-color: rgb(255, 170, 37); background-color: rgb(255, 170, 37);
text-decoration: none; */ text-decoration: none; */
@ -152,10 +152,10 @@ p {
/* transition: background-color 0.08s linear 0s; */ /* transition: background-color 0.08s linear 0s; */
} }
/*.contentWarning .cwReturnIndex:hover { /*.warning-box .wb-action-button:hover {
background-color: rgb(223, 147, 28); background-color: rgb(223, 147, 28);
} }
.contentWarning .cwReturnIndex:active { .warning-box .wb-action-button:active {
background-color: rgb(204, 133, 22); background-color: rgb(204, 133, 22);
}*/ }*/

View File

@ -106,10 +106,10 @@ p {
line-height: 1.8em; line-height: 1.8em;
} }
.contentWarning { .warning-box {
color: rgb(202, 67, 15); color: rgb(202, 67, 15);
background-color: rgb(200, 77, 16); background-color: rgb(200, 77, 16);
padding: 4px 12px 4px 4px; padding: 4px 12px 32px 4px;
margin-top: 12px; margin-top: 12px;
margin-bottom: 12px; margin-bottom: 12px;
display: flex; display: flex;
@ -117,16 +117,16 @@ p {
background: linear-gradient(rgb(253, 215, 142), rgb(247, 185, 72)); background: linear-gradient(rgb(253, 215, 142), rgb(247, 185, 72));
} }
.contentWarning .content { .warning-box .content {
margin-top: 1em; margin-top: 1em;
} }
.contentWarning img { .warning-box img {
height: 64px; height: 64px;
margin: 12px; margin: 12px;
} }
.contentWarning .cwReturnIndex { .warning-box .wb-action-button {
/* padding: 8px; /* padding: 8px;
background-color: rgb(255, 170, 37); background-color: rgb(255, 170, 37);
text-decoration: none; */ text-decoration: none; */
@ -134,10 +134,10 @@ p {
/* transition: background-color 0.08s linear 0s; */ /* transition: background-color 0.08s linear 0s; */
} }
/*.contentWarning .cwReturnIndex:hover { /*.warning-box .wb-action-button:hover {
background-color: rgb(223, 147, 28); background-color: rgb(223, 147, 28);
} }
.contentWarning .cwReturnIndex:active { .warning-box .wb-action-button:active {
background-color: rgb(204, 133, 22); background-color: rgb(204, 133, 22);
}*/ }*/