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;
−
-khtml-border-radius: 20px;
 
−
-icab-border-radius: 20px;
 
−
-o-border-radius: 20px;
 
 
border-radius: 20px;
 
border-radius: 20px;
 
}
 
}
  
 
.round_left_corners {
 
.round_left_corners {
−
-moz-border-radius-topleft: 20px;
+
-moz-border-radius: 20px 0 0 20px;
−
-webkit-border-top-left-radius: 20px;
+
-ms-border-radius: 20px 0 0 20px;
−
-khtml-border-top-left-radius: 20px;
+
-o-border-radius: 20px 0 0 20px;
−
-icab-border-top-left-radius: 20px;
+
-webkit-border-radius: 20px 0 0 20px;
−
-o-border-top-left-radius: 20px;
+
border-radius: 20px 0 0 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 {
 
.round_right_corners {
−
-moz-border-radius-topright: 20px;
+
-moz-border-radius: 0 20px 20px 0;
−
-webkit-border-top-right-radius: 20px;
+
-ms-border-radius: 0 20px 20px 0;
−
-khtml-border-top-right-radius: 20px;
+
-o-border-radius: 0 20px 20px 0;
−
-icab-border-top-right-radius: 20px;
+
-webkit-border-radius: 0 20px 20px 0;
−
-o-border-top-right-radius: 20px;
+
border-radius: 0 20px 20px 0;
−
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 {
 
.round_top_left_corner {
−
-moz-border-radius-topleft: 20px;
+
-moz-border-radius: 20px 0 0 0;
−
-webkit-border-top-left-radius: 20px;
+
-ms-border-radius: 20px 0 0 0;
−
-khtml-border-top-left-radius: 20px;
+
-o-border-radius: 20px 0 0 0;
−
-icab-border-top-left-radius: 20px;
+
-webkit-border-radius: 20px 0 0 0;
−
-o-border-top-left-radius: 20px;
+
border-radius: 20px 0 0 0;
−
border-top-left-radius: 20px;
 
 
}
 
}
  
 
.round_bottom_left_corner {
 
.round_bottom_left_corner {
−
-moz-border-radius-bottomleft: 20px;
+
-moz-border-radius: 0 0 0 20px;
−
-webkit-border-bottom-left-radius: 20px;
+
-ms-border-radius: 0 0 0 20px;
−
-khtml-border-bottom-left-radius: 20px;
+
-o-border-radius: 0 0 0 20px;
−
-icab-border-bottom-left-radius: 20px;
+
-webkit-border-radius: 0 0 0 20px;
−
-o-border-bottom-left-radius: 20px;
+
border-radius: 0 0 0 20px;
−
border-bottom-left-radius: 20px;
 
 
}
 
}
  
 
.round_top_right_corner {
 
.round_top_right_corner {
−
-moz-border-radius-topright: 20px;
+
-moz-border-radius: 20px 0 0 0;
−
-webkit-border-top-right-radius: 20px;
+
-ms-border-radius: 20px 0 0 0;
−
-khtml-border-top-right-radius: 20px;
+
-o-border-radius: 20px 0 0 0;
−
-icab-border-top-right-radius: 20px;
+
-webkit-border-radius: 20px 0 0 0;
−
-o-border-top-right-radius: 20px;
+
border-radius: 20px 0 0 0;
−
border-top-right-radius: 20px;
 
 
}
 
}
  
 
.round_bottom_right_corner {
 
.round_bottom_right_corner {
−
-moz-border-radius-bottomright: 20px;
+
-moz-border-radius: 0 0 20px 0;
−
-webkit-border-bottom-right-radius: 20px;
+
-ms-border-radius: 0 0 20px 0;
−
-khtml-border-bottom-right-radius: 20px;
+
-o-border-radius: 0 0 20px 0;
−
-icab-border-bottom-right-radius: 20px;
+
-webkit-border-radius: 0 0 20px 0;
−
-o-border-bottom-right-radius: 20px;
+
border-radius: 0 0 20px 0;
−
border-bottom-right-radius: 20px;
 
 
}
 
}
  
Line 89: Line 70:
  
 
.table_content_fishes td:first-of-type {
 
.table_content_fishes td:first-of-type {
−
-moz-border-radius-topleft: 20px;
+
-moz-border-radius: 20px 0 0 20px;
−
-webkit-border-top-left-radius: 20px;
+
-ms-border-radius: 20px 0 0 20px;
−
-khtml-border-top-left-radius: 20px;
+
-o-border-radius: 20px 0 0 20px;
−
-icab-border-top-left-radius: 20px;
+
-webkit-border-radius: 20px 0 0 20px;
−
-o-border-top-left-radius: 20px;
+
border-radius: 20px 0 0 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 {
 
.table_content_fishes td:last-of-type {
−
-moz-border-radius-topright: 20px;
+
-moz-border-radius: 0 20px 20px 0;
−
-webkit-border-top-right-radius: 20px;
+
-ms-border-radius: 0 20px 20px 0;
−
-khtml-border-top-right-radius: 20px;
+
-o-border-radius: 0 20px 20px 0;
−
-icab-border-top-right-radius: 20px;
+
-webkit-border-radius: 0 20px 20px 0;
−
-o-border-top-right-radius: 20px;
+
border-radius: 0 20px 20px 0;
−
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;
 
 
}
 
}

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;
}
Retrieved from "https://nookipedia.com/w/index.php?title=User:Z4n00t/common.css&oldid=198214"