15,321
个编辑
小无编辑摘要 |
无编辑摘要 |
||
第7行: | 第7行: | ||
.infobox2 .TabContent{ | .infobox2 .TabContent{ | ||
border:0; | border:0; | ||
} | |||
/* Non essential CSS - Just for example centering */ | |||
html, body { | |||
width: 100%; | |||
height: 100%; | |||
margin: 0; | |||
} | |||
.center-outer { | |||
display: table; | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.center-inner { | |||
display: table-cell; | |||
vertical-align: middle; | |||
text-align: center; | |||
} | |||
/* Essential CSS - Makes the effect work */ | |||
body { | |||
background-color: #3498db; | |||
} | |||
.bubbles { | |||
display: inline-block; | |||
font-family: arial; | |||
position: relative; | |||
} | |||
.bubbles h5 { | |||
position: relative; | |||
margin: 1em 0 0; | |||
font-family: 'Luckiest Guy', cursive; | |||
color: #fff; | |||
z-index: 2; | |||
} | |||
.individual-bubble { | |||
position: absolute; | |||
border-radius: 100%; | |||
bottom: 10px; | |||
background-color: #fff; | |||
z-index: 1; | |||
} | } | ||