Difference between revisions of "User:Z4n00t/common.css"
From Nookipedia, the Animal Crossing wiki
m (Changed a margin to a border spacing) |
m (Fixed some errors of the border radius and simplified the code) |
||
Line 10: | Line 10: | ||
.round_corners { | .round_corners { | ||
-moz-border-radius: 20px; | -moz-border-radius: 20px; | ||
+ | -ms-border-radius: 20px; | ||
+ | -o-border-radius: 20px; | ||
-webkit-border-radius: 20px; | -webkit-border-radius: 20px; | ||
− | |||
− | |||
− | |||
border-radius: 20px; | border-radius: 20px; | ||
} | } | ||
.round_left_corners { | .round_left_corners { | ||
− | -moz-border-radius | + | -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; | |
− | -o-border | + | border-radius: 20px 0 0 20px; |
− | |||
− | |||
− | -webkit-border | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.round_right_corners { | .round_right_corners { | ||
− | -moz-border-radius | + | -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; | |
− | -o-border | + | border-radius: 0 20px 20px 0; |
− | |||
− | |||
− | -webkit-border | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.round_top_left_corner { | .round_top_left_corner { | ||
− | -moz-border-radius | + | -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 { | .round_bottom_left_corner { | ||
− | -moz-border-radius | + | -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 { | .round_top_right_corner { | ||
− | -moz-border-radius | + | -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_right_corner { | .round_bottom_right_corner { | ||
− | -moz-border-radius | + | -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; | |
− | |||
} | } | ||
Line 89: | Line 70: | ||
.table_content_fishes td:first-of-type { | .table_content_fishes td:first-of-type { | ||
− | -moz-border-radius | + | -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; | |
− | -o-border | + | border-radius: 20px 0 0 20px; |
− | |||
− | |||
− | -webkit-border | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.table_content_fishes td:last-of-type { | .table_content_fishes td:last-of-type { | ||
− | -moz-border-radius | + | -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; | |
− | -o-border | + | border-radius: 0 20px 20px 0; |
− | |||
− | |||
− | -webkit-border | ||
− | |||
− | |||
− | |||
− | |||
} | } |
Revision as of 19:23, March 28, 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;
-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: 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_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;
}
.table_content_fishes {
background-color:#ffffff;
border-spacing: 4px;
}
.table_content_fishes 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;
}
.table_content_fishes 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;
}