Difference between revisions of "User:Z4n00t/common.css"
From Nookipedia, the Animal Crossing wiki
(Created page with "→The CSS code present here will be used by me to test various things: .fishes_header { border-bottom:4px solid #4F9FC6; border-right: 2px solid #4F9FC6; border-left: 2p...") |
|||
(18 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* The CSS code present here will be used by me to test various things */ | /* The CSS code present here will be used by me to test various things */ | ||
− | . | + | |
− | border-bottom: | + | /* Adds border with the same background color to create space between |
+ | the cells */ | ||
+ | .table_header_fishes > th { | ||
+ | border-bottom: 2px solid #4F9FC6; | ||
border-right: 2px solid #4F9FC6; | border-right: 2px solid #4F9FC6; | ||
border-left: 2px solid #4F9FC6; | border-left: 2px solid #4F9FC6; | ||
− | background-color:#66CCFF; | + | background-color: #66CCFF; |
− | color:#666; | + | color: #666; |
− | + | } | |
− | + | /* Adds a border at the top of the second header row */ | |
+ | .table_header_fishes:nth-child(2) > th { | ||
+ | border-top: 2px solid #4F9FC6; | ||
+ | } | ||
+ | |||
+ | /* Removes the left border from the first header cell in the first row */ | ||
+ | .table_header_fishes:first-child > th:first-child { | ||
+ | border-left: 0; | ||
+ | } | ||
+ | |||
+ | /* Removes the right border from the last header cell */ | ||
+ | .table_header_fishes > th:last-child { | ||
+ | border-right: 0; | ||
+ | } | ||
+ | |||
+ | /* Adds border with the same background color to create space between | ||
+ | the cells */ | ||
+ | .table_body_fishes > td { | ||
+ | border-top: 2px solid #4F9FC6; | ||
+ | border-bottom: 2px solid #4F9FC6; | ||
+ | } | ||
+ | |||
+ | /* Removes the bottom border from the last row */ | ||
+ | .table_body_fishes:last-child > td { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .table_body_fishes { | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | |||
.round_corners { | .round_corners { | ||
− | |||
− | |||
− | |||
− | |||
− | |||
border-radius: 20px; | border-radius: 20px; | ||
} | } | ||
.round_left_corners { | .round_left_corners { | ||
− | + | border-radius: 20px 0 0 20px; | |
− | + | } | |
− | + | ||
− | + | .round_right_corners { | |
− | + | border-radius: 0 20px 20px 0; | |
− | + | } | |
− | + | ||
− | + | .round_top_left_corner { | |
− | + | border-radius: 20px 0 0 0; | |
− | + | } | |
− | + | ||
− | border | + | .round_bottom_left_corner { |
+ | border-radius: 0 0 0 20px; | ||
+ | } | ||
+ | |||
+ | .round_top_right_corner { | ||
+ | border-radius: 0 20px 0 0; | ||
+ | } | ||
+ | |||
+ | .round_bottom_right_corner { | ||
+ | border-radius: 0 0 20px 0; | ||
} | } | ||
− | . | + | /* Rounds the left side of the first cell in the row */ |
− | + | .table_body_fishes > td:first-of-type { | |
− | + | border-radius: 20px 0 0 20px; | |
− | + | } | |
− | + | /* Rounds the right side of the last cell in the row */ | |
− | + | .table_body_fishes > td:last-of-type { | |
− | + | border-radius: 0 20px 20px 0; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Latest revision as of 04:03, March 29, 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_header_fishes > th {
border-bottom: 2px solid #4F9FC6;
border-right: 2px solid #4F9FC6;
border-left: 2px solid #4F9FC6;
background-color: #66CCFF;
color: #666;
}
/* Adds a border at the top of the second header row */
.table_header_fishes:nth-child(2) > th {
border-top: 2px solid #4F9FC6;
}
/* Removes the left border from the first header cell in the first row */
.table_header_fishes:first-child > th:first-child {
border-left: 0;
}
/* Removes the right border from the last header cell */
.table_header_fishes > th:last-child {
border-right: 0;
}
/* Adds border with the same background color to create space between
the cells */
.table_body_fishes > td {
border-top: 2px solid #4F9FC6;
border-bottom: 2px solid #4F9FC6;
}
/* Removes the bottom border from the last row */
.table_body_fishes:last-child > td {
border-bottom: 0;
}
.table_body_fishes {
background-color: #ffffff;
}
.round_corners {
border-radius: 20px;
}
.round_left_corners {
border-radius: 20px 0 0 20px;
}
.round_right_corners {
border-radius: 0 20px 20px 0;
}
.round_top_left_corner {
border-radius: 20px 0 0 0;
}
.round_bottom_left_corner {
border-radius: 0 0 0 20px;
}
.round_top_right_corner {
border-radius: 0 20px 0 0;
}
.round_bottom_right_corner {
border-radius: 0 0 20px 0;
}
/* Rounds the left side of the first cell in the row */
.table_body_fishes > td:first-of-type {
border-radius: 20px 0 0 20px;
}
/* Rounds the right side of the last cell in the row */
.table_body_fishes > td:last-of-type {
border-radius: 0 20px 20px 0;
}