Difference between revisions of "User:Z4n00t/common.css"
From Nookipedia, the Animal Crossing wiki
m (Added 4 more classes to round each corner) |
|||
Line 39: | Line 39: | ||
-o-border-top-right-radius: 20px; | -o-border-top-right-radius: 20px; | ||
border-top-right-radius: 20px; | border-top-right-radius: 20px; | ||
+ | -moz-border-radius-bottomright: 20px; | ||
+ | -webkit-border-bottom-right-radius: 20px; | ||
+ | -khtml-border-bottom-right-radius: 20px; | ||
+ | -icab-border-bottom-right-radius: 20px; | ||
+ | -o-border-bottom-right-radius: 20px; | ||
+ | border-bottom-right-radius: 20px; | ||
+ | } | ||
+ | |||
+ | .round_top_left_corner { | ||
+ | -moz-border-radius-topleft: 20px; | ||
+ | -webkit-border-top-left-radius: 20px; | ||
+ | -khtml-border-top-left-radius: 20px; | ||
+ | -icab-border-top-left-radius: 20px; | ||
+ | -o-border-top-left-radius: 20px; | ||
+ | border-top-left-radius: 20px; | ||
+ | } | ||
+ | |||
+ | .round_bottom_left_corner { | ||
+ | -moz-border-radius-bottomleft: 20px; | ||
+ | -webkit-border-bottom-left-radius: 20px; | ||
+ | -khtml-border-bottom-left-radius: 20px; | ||
+ | -icab-border-bottom-left-radius: 20px; | ||
+ | -o-border-bottom-left-radius: 20px; | ||
+ | border-bottom-left-radius: 20px; | ||
+ | } | ||
+ | |||
+ | .round_top_right_corner { | ||
+ | -moz-border-radius-topright: 20px; | ||
+ | -webkit-border-top-right-radius: 20px; | ||
+ | -khtml-border-top-right-radius: 20px; | ||
+ | -icab-border-top-right-radius: 20px; | ||
+ | -o-border-top-right-radius: 20px; | ||
+ | border-top-right-radius: 20px; | ||
+ | } | ||
+ | |||
+ | .round_bottom_right_corner { | ||
-moz-border-radius-bottomright: 20px; | -moz-border-radius-bottomright: 20px; | ||
-webkit-border-bottom-right-radius: 20px; | -webkit-border-bottom-right-radius: 20px; |
Revision as of 14:34, March 27, 2020
/* The CSS code present here will be used by me to test various things */
.table_header_fishes {
border-bottom:4px solid #4F9FC6;
border-right: 2px solid #4F9FC6;
border-left: 2px solid #4F9FC6;
background-color:#66CCFF;
color:#666;
}
.round_corners {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-icab-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.round_left_corners {
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-khtml-border-top-left-radius: 20px;
-icab-border-top-left-radius: 20px;
-o-border-top-left-radius: 20px;
border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-khtml-border-bottom-left-radius: 20px;
-icab-border-bottom-left-radius: 20px;
-o-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.round_right_corners {
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-khtml-border-top-right-radius: 20px;
-icab-border-top-right-radius: 20px;
-o-border-top-right-radius: 20px;
border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-khtml-border-bottom-right-radius: 20px;
-icab-border-bottom-right-radius: 20px;
-o-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.round_top_left_corner {
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-khtml-border-top-left-radius: 20px;
-icab-border-top-left-radius: 20px;
-o-border-top-left-radius: 20px;
border-top-left-radius: 20px;
}
.round_bottom_left_corner {
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-khtml-border-bottom-left-radius: 20px;
-icab-border-bottom-left-radius: 20px;
-o-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.round_top_right_corner {
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-khtml-border-top-right-radius: 20px;
-icab-border-top-right-radius: 20px;
-o-border-top-right-radius: 20px;
border-top-right-radius: 20px;
}
.round_bottom_right_corner {
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-khtml-border-bottom-right-radius: 20px;
-icab-border-bottom-right-radius: 20px;
-o-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.table_content_fishes {
background-color:#ffffff;
border-bottom: 4px solid #4F9FC6;
}
.table_content_fishes td:first-of-type {
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-khtml-border-top-left-radius: 20px;
-icab-border-top-left-radius: 20px;
-o-border-top-left-radius: 20px;
border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-khtml-border-bottom-left-radius: 20px;
-icab-border-bottom-left-radius: 20px;
-o-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.table_content_fishes td:last-of-type {
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-khtml-border-top-right-radius: 20px;
-icab-border-top-right-radius: 20px;
-o-border-top-right-radius: 20px;
border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-khtml-border-bottom-right-radius: 20px;
-icab-border-bottom-right-radius: 20px;
-o-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
}