Commit 73843636 authored by Milan's avatar Milan

index: replace additional serverinfo with thumbnails about the available worlds

global: fancy hover effect for all the thumbnails
parent d3c3d539
This diff is collapsed.
......@@ -107,9 +107,22 @@ ul {
max-width: 500px
}.scr-label {
color: #00f
}.thumbnail {
}
.thumbnail {
box-shadow: 0 9px 19px -5px rgba(0, 0, 0, .7)
}.stat-img {
}
.thumbnail>img,.thumbnail>a>img {
transition: all ease 1s;
}
.thumbnail>img:hover,.thumbnail>a>img:hover {
filter: brightness(125%);
transition: all ease .2s;
}
.stat-img {
border: 2px solid #ccc;
margin: 2px
}
......
......@@ -24,8 +24,32 @@
</div>
</div>
</div>
<p>&nbsp;</p>
<div id="" align="left" style="color:grey;">
<div class="col-lg-4 col-md-4 thumb">
<div class="thumbnail">
<%= image_tag('home/index/vipworld.png') %>
<div class=caption><p>
<h4><strong>VIP World</strong><span class="label label-default" style="float:right;">Port 30000</span></h4></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 thumb">
<div class=thumbnail>
<%= image_tag('home/index/podworld.png') %>
<div class=caption><p>
<h4><strong>Biopodworld</strong><span class="label label-default" style="float:right;">Port 30001</span></h4></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 thumb">
<div class=thumbnail>
<%= image_tag('home/index/technicworld.png') %>
<div class=caption><p>
<h4><strong>Technicworld</strong><span class="label label-default" style="float:right;">Port 30002</span></h4></p>
</div>
</div>
</div>
<div class="clearfix"></div>
<!-- <div id="" align="left" style="color:grey;">
<p><%= t('home.index.ssdb_html') %></p>
</div>
<div id="" align="right" style="color:grey;">
......@@ -34,6 +58,7 @@
<div id="" align="left" style="color:grey;">
<p><%= t('home.index.theme_html') %></p>
</div>
-->
<hr style="margin-top:20px;"/>
<div id="diashow" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment