Borders in Corolla theme [#1372404]

I'm using the Corolla theme. Please tell me what CSS file and class to edit to place a border around the shopping cart, search, poll and navigation blocks that I've placed in the second sidebar. Something like the thin border around the main content area. Thank you!

Comments

Comment #1

Jeff Burnz CreditAttribution: Jeff Burnz commented 19 December 2011 at 12:57

Assuming you have followed best practice for overriding Corolla's styles, you can quite easily add something like this:

To colors.css add the following (adjust the padding to suite what you thing looks best, 10px should be about right):

/* Sidebar block borders */
.sidebar .block-inner {
  border: 1px solid #e1e1e1;
  padding: 10px;
}

Then to footheme.css you need to add extra rounded corner styles to match with the theme settings:

/* Rounded corners */
.rc-4 .sidebar .block-inner {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}
.rc-6 .sidebar .block-inner {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;  
}
.rc-8 .sidebar .block-inner {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;  
}
.rc-10 .sidebar .block-inner {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
.rc-12 .sidebar .block-inner {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
}