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

From Nookipedia, the Animal Crossing wiki
m (typo)
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 */
.fishes_header {
+
.table_header_fishes {
 
border-bottom:4px solid #4F9FC6;
 
border-bottom:4px solid #4F9FC6;
 
border-right: 2px solid #4F9FC6;
 
border-right: 2px solid #4F9FC6;
Line 45: Line 45:
 
-o-border-bottom-right-radius: 20px;
 
-o-border-bottom-right-radius: 20px;
 
border-bottom-right-radius: 20px;
 
border-bottom-right-radius: 20px;
 +
}
 +
 +
.table_content_fishes {
 +
background-color:#ffffff;
 +
border-bottom: 4px solid #4F9FC6;
 +
}
 +
/* Don't put another element with the same table_container class that has a
 +
child with a tr tag inside because it may couse bugs, I'm looking for a solution
 +
about this, otherwise it works flawlessly */
 +
.table_content_fishes td:first-child {
 +
  background-color: #FF0000;
 +
}
 +
/* Same thing for the selector above */
 +
.table_content_fishes td:last-child {
 +
  background-color: #0000FF;
 
}
 
}

Revision as of 13:12, 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;
}

.table_content_fishes {
	background-color:#ffffff;
	border-bottom: 4px solid #4F9FC6;
}
/* Don't put another element with the same table_container class that has a 
child with a tr tag inside because it may couse bugs, I'm looking for a solution 
about this, otherwise it works flawlessly */
.table_content_fishes td:first-child {
  background-color: #FF0000;
}
/* Same thing for the selector above */
.table_content_fishes td:last-child {
  background-color: #0000FF;
}