Browse Source

Make all service items the same height

pull/24/head
Teknikode 7 years ago
parent
commit
b1ed5a7e0f
2 changed files with 19 additions and 9 deletions
  1. 9
    9
      home/main.php
  2. 10
    0
      templates/default/css/common.css

+ 9
- 9
home/main.php View File

@@ -21,9 +21,9 @@ $topic = $irc_info['topic'];
</div>
<br />
<div class="container">
<div class="row">
<div class="row service-list">
<a href="<?php echo get_page_url("help", $CONF); ?>/#Mail">
<div class="col-md-3 text-center">
<div class="col-md-3 text-center service-item">
<div class="thumbnail">
<br />
<i class="fa fa-at fa-5x"></i>
@@ -34,7 +34,7 @@ $topic = $irc_info['topic'];
</div>
</a>
<a href="<?php echo get_page_url("help", $CONF); ?>/#Git">
<div class="col-md-3 text-center">
<div class="col-md-3 text-center service-item">
<div class="thumbnail">
<br />
<i class="fa fa-git fa-5x"></i>
@@ -45,7 +45,7 @@ $topic = $irc_info['topic'];
</div>
</a>
<a href="<?php echo get_page_url("blog", $CONF); ?>">
<div class="col-md-3 text-center">
<div class="col-md-3 text-center service-item">
<div class="thumbnail">
<br />
<i class="fa fa-rss fa-5x"></i>
@@ -56,7 +56,7 @@ $topic = $irc_info['topic'];
</div>
</a>
<a href="<?php echo get_page_url("upload", $CONF); ?>">
<div class="col-md-3 text-center">
<div class="col-md-3 text-center service-item">
<div class="thumbnail">
<br />
<i class="fa fa-lock fa-5x"></i>
@@ -67,7 +67,7 @@ $topic = $irc_info['topic'];
</div>
</a>
<a href="<?php echo get_page_url("paste", $CONF); ?>">
<div class="col-md-3 text-center">
<div class="col-md-3 text-center service-item">
<div class="thumbnail">
<br />
<i class="fa fa-code fa-5x"></i>
@@ -78,7 +78,7 @@ $topic = $irc_info['topic'];
</div>
</a>
<a href="<?php echo get_page_url("podcast", $CONF); ?>">
<div class="col-md-3 text-center">
<div class="col-md-3 text-center service-item">
<div class="thumbnail">
<br />
<i class="fa fa-microphone fa-5x"></i>
@@ -89,7 +89,7 @@ $topic = $irc_info['topic'];
</div>
</a>
<a href="<?php echo get_page_url("help", $CONF); ?>/#Mumble">
<div class="col-md-3 text-center">
<div class="col-md-3 text-center service-item">
<div class="thumbnail">
<br />
<i class="fa fa-comments fa-5x"></i>
@@ -100,7 +100,7 @@ $topic = $irc_info['topic'];
</div>
</a>
<a href="<?php echo get_page_url("api", $CONF); ?>">
<div class="col-md-3 text-center">
<div class="col-md-3 text-center service-item">
<div class="thumbnail">
<br />
<i class="fa fa-exchange fa-5x"></i>

+ 10
- 0
templates/default/css/common.css View File

@@ -30,6 +30,16 @@ body { padding-top: 70px; }
border-radius: 0;
}
.service-list {
position: relative;
}
.service-item {
bottom: 0;
top: 0;
position: absolute; /* The container must have position: relative */
}
.v-center div[class*='col-'] {
vertical-align: middle;
}

Loading…
Cancel
Save