metamaps--metamaps/app/assets/stylesheets/synapses.css.scss

66 lines
No EOL
1.1 KiB
SCSS

// Place all the styles related to the synapses controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
.synapse {
display:block;
position:relative;
width:215px;
height:320px;
float:left;
margin: 30px 0 30px 50px;
}
.synapseTopic1 {
position:absolute;
top:0;
}
.topic1desc {
display: block;
width: 190px;
background: url("bg.png") repeat;
position: relative;
margin-left: 25px;
border-radius: 15px;
padding: 10px 5px 10px 28px;
color: #000;
}
.synapseTopic1 img {
position:absolute;
top: 15px;
z-index: 30;
}
.synapseDesc {
position:absolute;
top:22px;
left:8px;
height:30px;
padding:125px 0 125px 35px;
background: url('synapse2.png') no-repeat 0 0;
}
.synapseTopic2 {
position:absolute;
bottom:0;
}
.synapseTopic2 img {
position:absolute;
top:-24px;
z-index:30;
}
.topic2desc {
display: block;
width: 190px;
background: url("bg.png") repeat;
position: relative;
margin-left: 25px;
border-radius: 15px;
padding: 10px 5px 10px 28px;
color: #000;
}