Nursegroups Framed Block

dabblet.css

/* Nursegroups Framed Block */
.-nursegroups-framed-block .block-title, .block .block-title {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -moz-box-shadow: inset 0 0 2px white;
  -webkit-box-shadow: inset 0 0 2px white;
  -o-box-shadow: inset 0 0 2px white;
  box-shadow: inset 0 0 2px white;
  background: #eeeeee;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #f0f0f0)), #eeeeee;
  background: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0), #eeeeee;
  background: -moz-linear-gradient(top, #fcfcfc, #f0f0f0), #eeeeee;
  background: -o-linear-gradient(top, #fcfcfc, #f0f0f0), #eeeeee;
  background: -ms-linear-gradient(top, #fcfcfc, #f0f0f0), #eeeeee;
  background: linear-gradient(top, #fcfcfc, #f0f0f0), #eeeeee;
  text-transform: uppercase;
  letter-spacing: normal;
  font-size: 14px;
  line-height: 2em;
  padding: 0 1em;
  border: 1px solid #ccc;
  margin: 0;
}
.-nursegroups-framed-block .content, .block .content {
  border: 1px solid #ccc;
  border-top: none;
  padding: 1em;
}

/* This is how it's done with Compass
.-nursegroups-framed-block {
  .block-title {
    @include border-radius(5px 5px 0 0);
    @include box-shadow(inset 0 0 2px white);
    @include background-with-css2-fallback(linear-gradient(top, #fcfcfc, #f0f0f0), #eee);
    text-transform: uppercase;
    letter-spacing: normal;
    font-size: 14px;
    line-height: 2em;
    padding: 0 1em;
    border: 1px solid #ccc; }
  .content {
    border: 1px solid #ccc;
    border-top: none;
    padding: 1em; } }
    
#very-specific-selector {
  @extend .-nursegroups-framed-block; }

*/

dabblet.html

<section 
  id="block-menu-menu-manage-group"
  class="block block-menu  contextual-links-region block-menu-manage-group block-menu-menu-manage-group even">
  <div class="block-inner clearfix">
	<h2 class="block-title">Manage Group</h2>
	<div class="content clearfix">
      <ul class="menu">
      	<li class="first leaf"><a title="" href="/users/bneyra/nursegroups/node/add/blog_post/92">Add Blog Post</a></li>
		<li class="leaf"><a title="" href="/users/bneyra/nursegroups/node/add/faq/92">Add FAQ item</a></li>
		<li class="leaf"><a title="" href="/users/bneyra/nursegroups/node/add/links/92">Add Links</a></li>
		<li class="leaf"><a title="" href="/users/bneyra/nursegroups/node/add/news_article/92">Add News Post</a></li>
		<li class="leaf"><a title="" href="/users/bneyra/nursegroups/node/add/tips/92">Add Tips</a></li>
		<li class="last leaf"><a title="" href="/users/bneyra/nursegroups/node/add/event/92">Create an Event</a></li>
	  </ul>
	</div>
  </div>
</section>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}