66 lines
1.1 KiB
SCSS
66 lines
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;
|
|
} |