cosmetic fix: removed inline CSS and gives nice display for smaller screen

will give better rendering for mainstream modern browsers
This commit is contained in:
Remi 2016-02-26 10:17:05 +01:00
parent a9e057cbd1
commit 291572224f
2 changed files with 125 additions and 48 deletions

View File

@ -44,6 +44,7 @@ if (!isset($charset) || ! $charset) $charset="UTF-8";
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head> <head>
<title>AlternC Desktop</title> <title>AlternC Desktop</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/style.css" type="text/css" /> <link rel="stylesheet" href="styles/style.css" type="text/css" />
<?php <?php
if (file_exists("styles/style-custom.css") ) { if (file_exists("styles/style-custom.css") ) {
@ -55,10 +56,10 @@ if (file_exists("styles/style-custom.css") ) {
<script src="js/jquery.min_embedded.js" type="text/javascript"></script> <script src="js/jquery.min_embedded.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $charset; ?>" /> <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $charset; ?>" />
</head> </head>
<body> <body class="login_page">
<div id="global"> <div id="global">
<div id="content" style="width:1000px;"> <div id="content">
<?php <?php
// Getting logo // Getting logo
$logo = variable_get('logo_login', '' ,'You can specify a logo for the login page, example /images/my_logo.png .', array('desc'=>'URL','type'=>'string')); $logo = variable_get('logo_login', '' ,'You can specify a logo for the login page, example /images/my_logo.png .', array('desc'=>'URL','type'=>'string'));
@ -75,27 +76,44 @@ if ( empty($logo) || ! $logo ) {
<?php <?php
if (isset($_GET['authip_token'])) $authip_token=$_GET['authip_token']; if (isset($_GET['authip_token'])) $authip_token=$_GET['authip_token'];
if (variable_get('https_warning', true, 'warn users to switch to HTTPS') && !isset($_SERVER['HTTPS'])) { if (variable_get('https_warning', true, 'warn users to switch to HTTPS') && !isset($_SERVER['HTTPS'])) {
echo '<h4>' . sprintf(_('WARNING: you are trying to access the control panel insecurely, click <a href="https://%s">here</a> to go to secure mode'), $_SERVER["HTTP_HOST"]) . '</h4>'; echo '<div class="unsecure"><strong>' . sprintf(_('WARNING: you are trying to access the control panel insecurely, click <a href="https://%s">here</a> to go to secure mode'), $_SERVER["HTTP_HOST"]) . '</strong></div>';
} }
?> ?>
<div style="margin: 0 auto 30px auto; width: 700px;"> <div class="block_list">
<table width="100%"><tr><td> <div class="block_login_page">
<?php __("To connect to the hosting control panel, enter your AlternC's login and password in the following form and click 'Enter'"); ?> <?php __("To connect to the hosting control panel, enter your AlternC's login and password in the following form and click 'Enter'"); ?>
</div>
<div class="block_login_page">
<div class="menu-box">
<?php if (!empty($authip_token)) { echo "<p style='color:red;'>";__("You are attemping to connect without IP restriction."); echo "</p>"; } ?> <?php if (!empty($authip_token)) { echo "<p style='color:red;'>";__("You are attemping to connect without IP restriction."); echo "</p>"; } ?>
</td><td> <div class="menu-title"><?php __("AlternC access"); ?></div>
<form action="login.php" method="post" name="loginform" target="_top"> <form action="login.php" method="post" name="loginform" target="_top">
<table border="0" style="border: 1px solid #202020;" cellspacing="0" cellpadding="3" width="300px" > <div class="menu-content">
<tr><td colspan="2" align="center"><b><?php __("AlternC access"); ?></b></td></tr> <div><label for="username"><?php echo _("Username"); ?></label></td><td><input type="text" class="int" name="username" id="username" value="" maxlength="128" autocapitalize="none" /></div>
<tr><td align="right"><label for="username"><?php echo _("Username"); ?></label></td><td><input type="text" class="int" name="username" id="username" value="" maxlength="128" size="15" /></td></tr> <div><label for="password"><?php echo _("Password"); ?></label></td><td><input type="password" class="int" name="password" id="password" value="" maxlength="128" /></div>
<tr><td align="right"><label for="password"><?php echo _("Password"); ?></label></td><td><input type="password" class="int" name="password" id="password" value="" maxlength="128" size="15" /></td></tr> <div class="submit"><input type="submit" class="inb" name="submit" onclick='return logmein();' value="<?php __("Enter"); ?>" /><input type="hidden" id="restrictip" name="restrictip" value="1" />
<tr><td colspan="2" align="center"><input type="submit" class="inb" name="submit" onclick='return logmein();' value="<?php __("Enter"); ?>" /><input type="hidden" id="restrictip" name="restrictip" value="1" /></td></tr> <input type="hidden" id="authip_token" name="authip_token" value="<?php echo htmlentities( (empty($authip_token)?'':$authip_token) ) ?>" /></div>
</table> </div>
<input type="hidden" id="authip_token" name="authip_token" value="<?php echo htmlentities( (empty($authip_token)?'':$authip_token) ) ?>" />
</form> </form>
</div>
</div>
<div class="block_login_page">
</td></tr> <?php __("You must accept the session cookie to log-in"); ?>
<tr><td> <br />
<?php echo _("If you want to use a different language, choose it in the list below"); ?>
<br />
<?php
foreach($locales as $l) {
?>
<a href="?setlang=<?php echo $l; ?>"><?php if (isset($lang_translation[$l])) echo $lang_translation[$l]; else echo $l; ?></a>
<?php } ?>
<br />
<?php
$mem->show_help("login",true);
?>
</div>
<div class="block_login_page">
<?php <?php
// Here we used to have a form to enter the squirrelmail's webmail. // Here we used to have a form to enter the squirrelmail's webmail.
@ -111,39 +129,13 @@ if ( empty($logo) || ! $logo ) {
<p><a href="<?php echo $url; ?>"><?php __("To read your mail in a browser, click here to go to your server's Webmail"); ?></a></p> <p><a href="<?php echo $url; ?>"><?php __("To read your mail in a browser, click here to go to your server's Webmail"); ?></a></p>
<?php <?php
} }
?></td><td>
</td></tr>
</table>
<table width="100%" style="border: 0">
<tr><td style="text-align: left; font-size: 10px">
<?php __("You must accept the session cookie to log-in"); ?>
<br />
<?php echo _("If you want to use a different language, choose it in the list below"); ?>
<br />
<?php
foreach($locales as $l) {
?> ?>
<a href="?setlang=<?php echo $l; ?>"><?php if (isset($lang_translation[$l])) echo $lang_translation[$l]; else echo $l; ?></a>
<?php } ?>
<br />
<?php
$mem->show_help("login",true);
?>
</td>
<td>
<p>
<a href="http://www.alternc.com/"><img src="images/powered_by_alternc2.png" width="128" height="32" alt="Powered by AlternC" /></a>
</p>
</td>
</tr>
</table>
</div> </div>
</div>
<div class="alternc_powered">
<a href="http://www.alternc.com/"><img src="images/powered_by_alternc2.png" width="128" height="32" alt="Powered by AlternC" /></a>
</div>
<script type="text/javascript"> <script type="text/javascript">
$('#username').focus(); $('#username').focus();

View File

@ -1100,3 +1100,88 @@ th.headerSortDown {
.sub-disabled { .sub-disabled {
text-decoration: line-through; text-decoration: line-through;
} }
.login_page #global {
max-width: 1000px !important;
margin: 20px auto !important;
width: auto !important;
}
.login_page .unsecure {
font-size: 1.1em;
width: 90%;
margin-bottom: 1em;
}
.login_page #content {
padding: 10px;
width: auto;
}
.login_page #logo, .login_page .alternc_powered {
text-align:center;
}
.login_page .block_list {
display: flex;
flex-flow: row wrap;
}
.login_page .block_login_page {
margin: 10px;
width: 420px;
}
.login_page .menu-box .menu-title {
text-align: center;
font-weight: bold;
font-size: 1.2em;
}
.login_page .menu-box .menu-content {
margin: 15px;
}
.login_page .menu-box .menu-content > div {
margin-bottom: 7px;
}
.login_page .menu-box .menu-content label {
width: 30%;
display: inline-block;
}
.login_page .menu-box .menu-content input {
width: 60%;
}
.login_page .menu-box .menu-content .submit {
text-align: center;
}
.login_page .menu-box .menu-content input[type='submit']{
width: 100px;
height: 2em;
}
.toggle_menu {
display: none;
position: fixed;
top: 10px;
right: 10px;
z-index: 1000;
}
@media (max-width:980px) {
.login_page .block_login_page {
width: 100%;
}
.login_page #global {
margin: 0 !important;
}
#global {
display: block;
width: auto;
}
#menu, #content {
float: none;
width:auto;
}
}