MediaWiki:Rounding.css

/* =================================
   Roundy CSS For Rounding Templates
   These classes should be skipped 
   over for the use of border-radius
                  ~Slayingthehalcyon
   ================================= */
  
  
/* All Edges */

.roundy {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -icab-border-radius: 10px;
    -o-border-radius: 10px;
}

/* =======
   corners
   ======= */

/* Top Right */

.roundyTR {
    border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -icab-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
}

/* Top Left */

.roundyTL {
    border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -icab-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
}

/* Bottom Right */

.roundyBR {
    border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -icab-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
}

/* Bottom Left */

.roundyBL {
    border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -icab-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
}

/* =====
   sides
   ===== */

/* Roundy Left : Combines roundyBL and roundyTL */

.roundyL {
    border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -icab-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -icab-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
}

/* Roundy Right : Combines roundyBR and roundyTR */

.roundR {
    border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -icab-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
     border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -icab-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
}

/* Roundy Top : Combines roundyTR and roundyTL */

.roundyTop { 
    border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -icab-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -icab-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
}

/* Roundy Bottom : Combines roundyBR and roundyBL */ 

.roundyBot {
     border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -icab-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -icab-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
}