Jump to content






Photo - - - - -

Rounded Corners

Posted by austinreefclub, 28 April 2008 · 32 views

I'm a noob to css and I've just discovered -moz-border-radius and how cool it is.

Added a few things to my theme. Here's the updated css:

CODE
body{
    background: url(http://austinreefclub.com/images/mypics/body.jpg);
    background-repeat: repeat-x;
}

#ipbwrapper {
width: 90%;
padding: 10px;
border: 6px solid #8998B2;
-moz-border-radius: 10px;
background-color: #fff;
}


#userlinks {
margin: 10px 4% 10px 4%;
background-color: #8998B2;
color: #FFF;
border: 1px solid #485875;
-moz-border-radius: 6px;

}

#userlinksguest {
margin: 10px 4% 10px 4%;
background-color: #3399cc;
color: #FFF;
border: 1px solid #485875;
-moz-border-radius: 6px;
}

#gfooter{
background-color: #8998B2;
color: #FFF;
border: 1px solid #485875;
-moz-border-radius: 6px;
}

#navstrip{
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 8px 6%;  
}

#submenu {
background-color: #485875;
color: #FFF;
border: 1px solid #000;
}

    #submenu_left a {
        float: left;
            background: transparent;
            color: #FFF;
    }
    
    #submenu_right a {
        float: right;
            background: transparent;
            color: #FFF;
    }





Just realized that the -moz-border practically only works in FireFox. What a rip! Just plain ol blocks in the other browsers.

Latest Visitors

0 user(s) viewing

0 members, 0 guests, 0 anonymous users