Minor CSS updates
Changed warning box class names and its increased bottom padding.
This commit is contained in:
parent
092da44c59
commit
3bfa9f8fc8
|
@ -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));
|
||||||
}
|
}
|
||||||
|
|
|
@ -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);
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
|
|
|
@ -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);
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue