Skip to content

Instantly share code, notes, and snippets.

@slambert
Created July 18, 2010 00:09
Show Gist options
  • Save slambert/479971 to your computer and use it in GitHub Desktop.
Save slambert/479971 to your computer and use it in GitHub Desktop.
adding rounded accents to WPFolio
/* ROUNDED ACCENTS */
/* these create rounded corners on the container */
.container {
border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
}
.container, .footer{
border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}
/* menu items may need some tweaking */
.sf-menu li {
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
}
.sf-menu li a {
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
}
/* rounded borders on images in Pages */
.page p img {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
/* extra */
.prevnext a:hover {
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
}
/* END ROUNDED ACCENTS */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment