Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="front">
<div class="span4 sidebar panel-panel">
        <div class="panel-panel-inner">
          <div class="panel-pane pane-fieldable-panels-pane pane-fpid-14 pane-bundle-image" >
  
        <h4 class="pane-title"><a href="/media">Billeder og video</a></h4>
    
  
  <div class="pane-content">
    <div class="fieldable-panels-pane">
    <div class="field field-name-field-basic-image-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img class="panopoly-image-full" src="http://dev.kursuscenter.vih.dk/sites/dev.kursuscenter.vih.dk/files/styles/panopoly_image_full/public/general/1344282362prrd.jpg?itok=1s7kDtan" width="600" height="450" alt="" /></div></div></div></div>
  </div>

  
  </div>
        </div>
      </div></div>

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

@import "compass/typography/text/replacement";
@import "compass/css3/opacity";
@import "compass/css3/transform";

.front {
  a {
    color: orange;
  }
  width: 600px;
  .pane-fpid-14, .pane-fpid-15, .pane-fpid-16 {
    margin-top: 8%;
    position: relative;
    .pane-title {
      position: absolute;
      top: 60%;
      right: 1px;
      background: black;
      @include opacity(0.8);
      padding: 1em;
    }
  .pane-title:after {
	border-bottom: 28px solid black;
	border-right: 302px solid transparent;
	content: " ";
	height: 0;
	overflow: hidden;
	position: absolute;
	top: -28px;
	width: 0;
  }
  }
}

SassMeister-output.css

.front {
  width: 600px;
}
.front a {
  color: orange;
}
.front .pane-fpid-14, .front .pane-fpid-15, .front .pane-fpid-16 {
  margin-top: 8%;
  position: relative;
}
.front .pane-fpid-14 .pane-title, .front .pane-fpid-15 .pane-title, .front .pane-fpid-16 .pane-title {
  position: absolute;
  top: 60%;
  right: 1px;
  background: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  padding: 1em;
}
.front .pane-fpid-14 .pane-title:after, .front .pane-fpid-15 .pane-title:after, .front .pane-fpid-16 .pane-title:after {
  border-bottom: 28px solid black;
  border-right: 302px solid transparent;
  content: " ";
  height: 0;
  overflow: hidden;
  position: absolute;
  top: -28px;
  width: 0;
}