User:SuperHamster/common.css

/* Crisp image scaling */ img { image-rendering: optimizeSpeed;            /* Fallback */ image-rendering: -moz-crisp-edges;         /* Firefox */ image-rendering: -o-crisp-edges;           /* Opera */ image-rendering: -webkit-optimize-contrast; /* Safari */ image-rendering: optimize-contrast;        /* CSS3 Proposed Standard */ image-rendering: crisp-edges;              /* CSS4 Proposed Standard */ image-rendering: pixelated;                /* CSS4 Proposed Standard */ -ms-interpolation-mode: nearest-neighbor;  /* IE8+ */ }

/* 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 > thead > tr > 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_fishes > thead > tr:nth-child(2) > th { border-top: 2px solid #4F9FC6; }

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

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

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

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

.table_fishes > tbody > tr { background-color: #ffffff; }

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