Posted By

ryanprel on 11/30/06

Tagged

css
style

Versions (?)

Last Edited at 11/30/06 07:58am

Statistics

Viewed 877 times

Favorited by 3 user(s)

Related snippets

CSS Rounded corners

/ Published in: CSS

Used for rounding corners of a div. Need an upper left corner and an upper right corner. Example page is http://www.ruby-lang.org/en/documentation/quickstart/

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

#content pre.code {
  background-color: #213449;
  background-image: url(/images/code-box-top-left.gif);
  background-position: top left;
  background-repeat: no-repeat;
  color: white;
  display: block;
  overflow: auto;
  width: 100%;
}
#content pre.code code {
  background-image: url(/images/code-box-bottom-right.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  display: block;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 115%;
  line-height: 135%;
  padding: 15px;
}