User:Z4n00t/common.css

/* 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_fishes > tr > th {
	border-bottom: 2px solid #4F9FC6;
	border-right: 2px solid #4F9FC6;
	border-left: 2px solid #4F9FC6;
	background-color: #66CCFF;
	color: #666;
}

/* Removes the left border from the first header cell */
.table_fishes > tr > th:first-child {
	border-left: 0;
}

/* Removes the right border from the last header cell */
.table_fishes > tr > th:last-child {
	border-right: 0;
}

/* Adds border with the same background color to create space between
the cells and other things */
.table_fishes > tr > td {
	border-top: 2px solid #4F9FC6;
	border-bottom: 2px solid #4F9FC6;
	border-right: 2px solid #4F9FC6;
	border-left: 2px solid #4F9FC6;
	background-color: #ffffff;
}

/* Removes the left border from the first data cell */
.table_fishes > tr > td:first-child {
	border-left: 0;
}

/* Removes the right border from the last data cell */
.table_fishes > tr > td:last-child {
	border-right: 0;
}

/* Removes the bottom border from the last row */
.table_fishes > tr:last-child > td {
	border-bottom: 0;
}

.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: 0 20px 0 0;
	-ms-border-radius: 0 20px 0 0;
	-o-border-radius: 0 20px 0 0;
	-webkit-border-radius: 0 20px 0 0;
	border-radius: 0 20px 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;
}

/* Rounds the left side of the first cell in the row */
.table_fishes > tr > 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;
}
/* Rounds the right side of the last cell in the row */
.table_fishes > tr > 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;
}