Difference between revisions of "User:Z4n00t/common.css"
From Nookipedia, the Animal Crossing wiki
(Rework of the CSS code) |
m (Re added the table_content class) |
||
Line 22: | Line 22: | ||
/* Adds border with the same background color to create space between | /* Adds border with the same background color to create space between | ||
− | the cells | + | the cells */ |
.table_fishes > tr > td { | .table_fishes > tr > td { | ||
border-top: 2px solid #4F9FC6; | border-top: 2px solid #4F9FC6; | ||
Line 28: | Line 28: | ||
border-right: 2px solid #4F9FC6; | border-right: 2px solid #4F9FC6; | ||
border-left: 2px solid #4F9FC6; | border-left: 2px solid #4F9FC6; | ||
− | |||
} | } | ||
Line 44: | Line 43: | ||
.table_fishes > tr:last-child > td { | .table_fishes > tr:last-child > td { | ||
border-bottom: 0; | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .table_content_fishes { | ||
+ | background-color: #ffffff; | ||
} | } | ||
Revision as of 22:11, March 28, 2020
/* The CSS code present here will be used by me to test various things */
/* Adds border with the same background color to create space between
the cells */
.table_fishes > tr > th {
border-bottom: 2px solid #4F9FC6;
border-right: 2px solid #4F9FC6;
border-left: 2px solid #4F9FC6;
background-color: #66CCFF;
color: #666;
}
/* Removes the left border from the first header cell */
.table_fishes > tr > th:first-child {
border-left: 0;
}
/* Removes the right border from the last header cell */
.table_fishes > tr > th:last-child {
border-right: 0;
}
/* Adds border with the same background color to create space between
the cells */
.table_fishes > tr > td {
border-top: 2px solid #4F9FC6;
border-bottom: 2px solid #4F9FC6;
border-right: 2px solid #4F9FC6;
border-left: 2px solid #4F9FC6;
}
/* Removes the left border from the first data cell */
.table_fishes > tr > td:first-child {
border-left: 0;
}
/* Removes the right border from the last data cell */
.table_fishes > tr > td:last-child {
border-right: 0;
}
/* Removes the bottom border from the last row */
.table_fishes > tr:last-child > td {
border-bottom: 0;
}
.table_content_fishes {
background-color: #ffffff;
}
.round_corners {
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.round_left_corners {
-moz-border-radius: 20px 0 0 20px;
-ms-border-radius: 20px 0 0 20px;
-o-border-radius: 20px 0 0 20px;
-webkit-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;
}
.round_right_corners {
-moz-border-radius: 0 20px 20px 0;
-ms-border-radius: 0 20px 20px 0;
-o-border-radius: 0 20px 20px 0;
-webkit-border-radius: 0 20px 20px 0;
border-radius: 0 20px 20px 0;
}
.round_top_left_corner {
-moz-border-radius: 20px 0 0 0;
-ms-border-radius: 20px 0 0 0;
-o-border-radius: 20px 0 0 0;
-webkit-border-radius: 20px 0 0 0;
border-radius: 20px 0 0 0;
}
.round_bottom_left_corner {
-moz-border-radius: 0 0 0 20px;
-ms-border-radius: 0 0 0 20px;
-o-border-radius: 0 0 0 20px;
-webkit-border-radius: 0 0 0 20px;
border-radius: 0 0 0 20px;
}
.round_top_right_corner {
-moz-border-radius: 0 20px 0 0;
-ms-border-radius: 0 20px 0 0;
-o-border-radius: 0 20px 0 0;
-webkit-border-radius: 0 20px 0 0;
border-radius: 0 20px 0 0;
}
.round_bottom_right_corner {
-moz-border-radius: 0 0 20px 0;
-ms-border-radius: 0 0 20px 0;
-o-border-radius: 0 0 20px 0;
-webkit-border-radius: 0 0 20px 0;
border-radius: 0 0 20px 0;
}
/* Rounds the left side of the first cell in the row */
.table_fishes > tr > td:first-of-type {
-moz-border-radius: 20px 0 0 20px;
-ms-border-radius: 20px 0 0 20px;
-o-border-radius: 20px 0 0 20px;
-webkit-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;
}
/* Rounds the right side of the last cell in the row */
.table_fishes > tr > td:last-of-type {
-moz-border-radius: 0 20px 20px 0;
-ms-border-radius: 0 20px 20px 0;
-o-border-radius: 0 20px 20px 0;
-webkit-border-radius: 0 20px 20px 0;
border-radius: 0 20px 20px 0;
}