Преглед изворни кода

Vertically align public layout to better fit small mobile screens

tags/v7.0.0alpha2
jbtbnl пре 10 година
родитељ
комит
b10bf72999
2 измењених фајлова са 23 додато и 7 уклоњено
  1. 16
    1
      core/css/styles.css
  2. 7
    6
      core/templates/layout.guest.php

+ 16
- 1
core/css/styles.css Прегледај датотеку

@@ -327,7 +327,7 @@ input[type="submit"].enabled {

/* Some whitespace to the top */
#body-login #header {
padding-top: 100px;
padding-top: 10px;
}
/* Fix background gradient */
#body-login {
@@ -637,6 +637,21 @@ label.infield { cursor:text !important; top:1.05em; left:.85em; }
min-height: 100%;
margin: 0 auto -70px;
width: 300px;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;

display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;

display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
}
#body-login footer, #body-login .push {
height: 70px;

+ 7
- 6
core/templates/layout.guest.php Прегледај датотеку

@@ -35,14 +35,15 @@

<body id="body-login">
<div class="wrapper"><!-- for sticky footer -->
<header><div id="header">
<div class="logo svg"></div>
<div id="logo-claim" style="display:none;"><?php p($theme->getLogoClaim()); ?></div>
</div></header>

<?php print_unescaped($_['content']); ?>
<div class="v-align"><!-- vertically centred box -->
<header><div id="header">
<div class="logo svg"></div>
<div id="logo-claim" style="display:none;"><?php p($theme->getLogoClaim()); ?></div>
</div></header>

<?php print_unescaped($_['content']); ?>
<div class="push"></div><!-- for sticky footer -->
</div>
</div>

<footer>

Loading…
Откажи
Сачувај