JSFiddle - React, Tailwind, and code Playground
HTML
<div id="share" class="window share">
<nav class="control-window">
<a href="#" class="close">×</a>
<a href="#" class="minimize">−</a>
<a href="#" class="maximize">+</a>
</nav>
<h1 class="titleInside">Share This</h1>
<div class="container">
<div class="container-inside">
</div>
</div>
</div>
CSS
.container{
width:500px;
height:500px;
}
.window {
width:500px;
background: -moz-linear-gradient(left, #fff 1%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fff 1%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fff 1%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */
border-radius: 15px;
box-shadow : 0 11px 32px rgba(0, 0, 0, 0.44);
border: 1px solid #BDBCC1; /* rgba for transparency */
text-align: left;
position:absolute;
z-index:0;
-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255, 255, 255, .5)));
}
.window.windows-vis {
visibility:visible;
opacity:1;
}
.container {
position:relative;
border-top:1px solid #f1f1f1;
}
.container-inside {
position:relative;
padding:20px 30px;
text-align:center;
}
h1.titleInside {
position:relative;
z-index:2;
color:#3c3c3c;
font-size:12px;
font-weight:700;
line-height:34px;
text-decoration:none;
text-shadow: 0 1px 1px #e7e7e7;
text-align:center;
text-transform:capitalize;
border-radius: 15px 15px 0 0;
background: #f1f1f1;
background: -moz-linear-gradient(top, #E9E9E9 3%, #d8d8d8 100%);
background: -webkit-gradient(left top, left bottom,color-stop(3%, #E9E9E9), color-stop(100%, #d8d8d8));
background: -webkit-linear-gradient(top, #E9E9E9 3%, #d8d8d8 100%);
background: -o-linear-gradient(top, #E9E9E9 3%, #d8d8d8 100%);
background: -ms-linear-gradient(top, #E9E9E9 3%, #d8d8d8 100%);
background: linear-gradient(to bottom, #E9E9E9 3%, #d8d8d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d8d8d8', GradientType=0 );
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.76);
...
JavaScript
$('.minimize').click(function() {
console.log('here');
var t = $($('.window').find(this)).parent().parent().attr('id');
console.log(t);
$('.container').slideUp();
});