Difference between revisions of "User:Z4n00t/common.css"

From Nookipedia, the Animal Crossing wiki
m (Changed a margin to a border spacing)
 
(12 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 */
.table_header_fishes {
+
 
border-bottom:4px solid #4F9FC6;
+
/* 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 {
-moz-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;
+
border-radius: 20px 0 0 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 {
 
.round_right_corners {
-moz-border-radius-topright: 20px;
+
border-radius: 0 20px 20px 0;
-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 {
 
.round_top_left_corner {
-moz-border-radius-topleft: 20px;
+
border-radius: 20px 0 0 0;
-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 {
 
.round_bottom_left_corner {
-moz-border-radius-bottomleft: 20px;
+
border-radius: 0 0 0 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 {
 
.round_top_right_corner {
-moz-border-radius-topright: 20px;
+
border-radius: 0 20px 0 0;
-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 {
 
.round_bottom_right_corner {
-moz-border-radius-bottomright: 20px;
+
border-radius: 0 0 20px 0;
-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-spacing: 4px;
 
 
}
 
}
  
.table_content_fishes td:first-of-type {
+
/* Rounds the left side of the first cell in the row */
-moz-border-radius-topleft: 20px;
+
.table_body_fishes > td:first-of-type {
-webkit-border-top-left-radius: 20px;
+
border-radius: 20px 0 0 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;
 
 
}
 
}
 
+
/* Rounds the right side of the last cell in the row */
.table_content_fishes td:last-of-type {
+
.table_body_fishes > td:last-of-type {
-moz-border-radius-topright: 20px;
+
border-radius: 0 20px 20px 0;
-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;
 
 
}
 
}

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;
}