Revize 1639
Přidáno uživatelem David Raška před asi 12 roky(ů)
| freenetis/branches/testing/media/css/tables.css | ||
|---|---|---|
|
/* ------------------------ */
|
||
|
|
||
|
table.main {
|
||
|
font-size:95%;
|
||
|
font-size:90%;
|
||
|
border:1px #CCCCCC solid;
|
||
|
border-right:none;
|
||
|
text-align:left;
|
||
| ... | ... | |
|
/* ------------------------ */
|
||
|
|
||
|
table.extended {
|
||
|
font-size:95%;
|
||
|
font-size:90%;
|
||
|
border:1px #CCCCCC solid;
|
||
|
border-bottom:none;
|
||
|
text-align:left;
|
||
| freenetis/branches/testing/media/css/m.style.css | ||
|---|---|---|
|
/*
|
||
|
Mobile device style
|
||
|
*/
|
||
|
|
||
|
#main {
|
||
|
background-image: none;
|
||
|
width: auto;
|
||
|
}
|
||
|
|
||
|
#middle {
|
||
|
font-size: 120%;
|
||
|
-webkit-text-size-adjust: 100%;
|
||
|
}
|
||
|
|
||
|
#header, #content, #footer {
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
#menu {
|
||
|
background-color: #fff;
|
||
|
position: absolute;
|
||
|
width: 100%;
|
||
|
z-index: 100;
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
#content.dispNone {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
#cellphone_hide_menu {
|
||
|
width: 50px;
|
||
|
position: absolute;
|
||
|
height: 100%;
|
||
|
right: 0;
|
||
|
background: #ff5c00 url('../../media/images/menu/hide_menu.png') no-repeat center 10px;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
#cellphone_show_menu {
|
||
|
top: 24px;
|
||
|
left: 18px;
|
||
|
background: #FF5C00 url('../../media/images/layout/logo_freenetis.jpg') no-repeat -1px 0px;
|
||
|
position: absolute;
|
||
|
width: 48px;
|
||
|
height: 48px;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
h1#logo {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
#header .separator1 {
|
||
|
left: 75px;
|
||
|
}
|
||
|
|
||
|
#header .status {
|
||
|
left: 87px;
|
||
|
}
|
||
|
|
||
|
#header .logout {
|
||
|
top: 64px;
|
||
|
}
|
||
|
|
||
|
#menu-padd {
|
||
|
width: 240px;
|
||
|
}
|
||
|
|
||
|
table.form {
|
||
|
width: auto ! important;
|
||
|
}
|
||
|
|
||
|
table.extended {
|
||
|
float: none ! important;
|
||
|
margin-left: 0 ! important;
|
||
|
}
|
||
|
|
||
|
#loading-overlay {
|
||
|
left: 0;
|
||
|
top: 95px;
|
||
|
}
|
||
|
|
||
|
.status div#user_ip_address {
|
||
|
display: inline-block;
|
||
|
width: 90px;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
input, textarea {
|
||
|
margin: 0 ! important;
|
||
|
max-width: 100px ! important;
|
||
|
}
|
||
|
|
||
|
select {
|
||
|
margin: 0 ! important;
|
||
|
max-width: 100px ! important;
|
||
|
}
|
||
|
|
||
|
.search input#keyword {
|
||
|
max-width: 210px ! important;
|
||
|
width: 210px;
|
||
|
}
|
||
| freenetis/branches/testing/media/css/print.css | ||
|---|---|---|
|
display: none;
|
||
|
position:relative;
|
||
|
height:90px;
|
||
|
background: url(../images/layout/bg_header.jpg) repeat-x;
|
||
|
background: url(../images/layout/bg_header.png) repeat-x;
|
||
|
border-bottom:1px #CCCCCC solid;
|
||
|
}
|
||
|
#middle {
|
||
| ... | ... | |
|
width:110px;
|
||
|
}
|
||
|
#header .logout span {
|
||
|
background:url(../images/layout/ico_logout.jpg) right 0px no-repeat;
|
||
|
background:url(../images/layout/ico_logout.png) right 0px no-repeat;
|
||
|
padding-right:22px;
|
||
|
}
|
||
|
#header .logout a {
|
||
| freenetis/branches/testing/media/css/style.css | ||
|---|---|---|
|
|
||
|
}
|
||
|
html {
|
||
|
font-size: 11px;
|
||
|
line-height: 16px;
|
||
|
font-size: 70%;
|
||
|
line-height: 165%;
|
||
|
height:100%;
|
||
|
overflow: auto;
|
||
|
}
|
||
| ... | ... | |
|
#header {
|
||
|
position:relative;
|
||
|
height:90px;
|
||
|
background: url(../images/layout/bg_header.jpg) repeat-x;
|
||
|
background: url(../images/layout/bg_header.png) repeat-x;
|
||
|
border-bottom:1px #CCCCCC solid;
|
||
|
}
|
||
|
#middle {
|
||
| ... | ... | |
|
.status table {
|
||
|
margin-top:5px;
|
||
|
}
|
||
|
|
||
|
.status div#user_ip_address {
|
||
|
display: inline-block;
|
||
|
width: 90px;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
#header .logout {
|
||
|
position:absolute;
|
||
|
right:0;
|
||
| ... | ... | |
|
width:85px;
|
||
|
}
|
||
|
#header .logout div {
|
||
|
background:url(../images/layout/ico_logout.jpg) right 0px no-repeat;
|
||
|
background:url(../images/layout/ico_logout.png) right 0px no-repeat;
|
||
|
padding-right: 1.5em;
|
||
|
margin-right: 1.5em;
|
||
|
}
|
||
| ... | ... | |
|
}
|
||
|
h2 {
|
||
|
padding-bottom:5px;
|
||
|
font-size: 17px;
|
||
|
font-size: 150%;
|
||
|
}
|
||
|
h3 {
|
||
|
padding-bottom:5px;
|
||
| ... | ... | |
|
.menu_item_counter {
|
||
|
margin-right: 5px;
|
||
|
padding: 0px 6px;
|
||
|
font-size: 10px;
|
||
|
font-size: 90%;
|
||
|
font-family: arial;
|
||
|
font-weight: bold;
|
||
|
background-color: #CCC;
|
||
| ... | ... | |
|
width: 100px;
|
||
|
height: 17px;
|
||
|
text-align: center;
|
||
|
font-size: 12px;
|
||
|
font-size: 110%;
|
||
|
margin-left: 15px;
|
||
|
text-decoration: none;
|
||
|
}
|
||
| freenetis/branches/testing/media/css/forms.css | ||
|---|---|---|
|
/* ------------------------ */
|
||
|
|
||
|
table.form {
|
||
|
font-size:95%;
|
||
|
font-size:90%;
|
||
|
width:730px;
|
||
|
/*width:450px;*/
|
||
|
}
|
||
| ... | ... | |
|
input, .submit, select, textarea {
|
||
|
border:1px #CCCCCC solid;
|
||
|
vertical-align:middle;
|
||
|
font-size: 12px;
|
||
|
font-size: 100%;
|
||
|
}
|
||
|
|
||
|
input {
|
||
| freenetis/branches/testing/application/views/login/index.php | ||
|---|---|---|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
|
<meta name="keywords" content="Freenetis" />
|
||
|
<meta name="description" content="Freenetis" />
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
|
<title><?php echo $title ?> | <?php echo $this->settings->get('title') ?></title>
|
||
|
<?php echo html::link('media/images/favicon.ico', 'shorcut icon', 'image/x-icon', FALSE); ?>
|
||
|
<?php echo html::stylesheet('media/css/installation.css', 'screen') ?>
|
||
| freenetis/branches/testing/application/views/main.php | ||
|---|---|---|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
|
<head>
|
||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
|
<meta name="format-detection" content="telephone=no">
|
||
|
<title><?php echo $title ?> | <?php echo $this->settings->get('title') ?></title>
|
||
|
<?php echo html::link('media/images/favicon.ico', 'shorcut icon', 'image/x-icon', FALSE); ?>
|
||
|
<?php echo html::stylesheet('media/css/style.css', 'screen') ?>
|
||
|
<?php echo html::stylesheet('media/css/m.style.css', 'handheld, screen and (max-device-width: 480px)') ?>
|
||
|
<?php echo html::stylesheet('media/css/tables.css', 'screen') ?>
|
||
|
<?php echo html::stylesheet('media/css/forms.css', 'screen') ?>
|
||
|
<?php echo html::stylesheet('media/css/print.css', 'print') ?>
|
||
| ... | ... | |
|
<div id="loading-overlay"></div>
|
||
|
<?php endif; ?>
|
||
|
<div id="header">
|
||
|
<div id="cellphone_show_menu"></div>
|
||
|
<h1 id="logo"><span>Free<em>net</em>IS</span></h1>
|
||
|
<div class="separator1"></div>
|
||
|
<div class="status">
|
||
| ... | ... | |
|
</tr>
|
||
|
<tr>
|
||
|
<td class="orange"><?php echo __('IP address').':' ?></td>
|
||
|
<td class="bold"> <?php echo $this->ip_address_span ?></td>
|
||
|
<td class="bold"> <div id="user_ip_address"><?php echo $this->ip_address_span ?></div></td>
|
||
|
</tr>
|
||
|
</table>
|
||
|
</div>
|
||
| ... | ... | |
|
</div>
|
||
|
|
||
|
<div id="middle">
|
||
|
<a href="#" id="a_show_menu"><?php echo __('Show menu') ?></a>
|
||
|
<div id="menu">
|
||
|
<div id="cellphone_hide_menu"></div>
|
||
|
<div id="menu-padd">
|
||
|
<?php
|
||
|
if ($this->user_id):
|
||
| ... | ... | |
|
endif
|
||
|
?>
|
||
|
</div>
|
||
|
<div class="clear"></div>
|
||
|
</div>
|
||
|
|
||
|
<div id="content">
|
||
| freenetis/branches/testing/application/views/js/base.php | ||
|---|---|---|
|
// validate all form
|
||
|
$('.form').validate();
|
||
|
|
||
|
// show menu in mobile browsers (default state of menu is hide)
|
||
|
$('#a_show_menu').click(function ()
|
||
|
{
|
||
|
$('#menu').toggle();
|
||
|
$(this).hide();
|
||
|
return false;
|
||
|
});
|
||
|
|
||
|
// gave focus to focus classed objects
|
||
|
$('.focus').focus();
|
||
|
|
||
| ... | ... | |
|
|
||
|
// trigger autosize by default
|
||
|
$('textarea.autosize').trigger('keyup');
|
||
|
|
||
|
// Function shows menu and hides content on mobile device
|
||
|
function cellphone_show_menu()
|
||
|
{
|
||
|
$('#menu').slideDown(500, function()
|
||
|
{
|
||
|
$('#content').addClass('dispNone');
|
||
|
});
|
||
|
}
|
||
|
|
||
|
// Function hides menu and shows content on mobile device
|
||
|
function cellphone_hide_menu()
|
||
|
{
|
||
|
$('#content').removeClass('dispNone');
|
||
|
setTimeout(function()
|
||
|
{
|
||
|
$('#menu').slideUp(500);
|
||
|
}, 2);
|
||
|
}
|
||
|
|
||
|
// Set show and hide menu events on mobile device
|
||
|
if (jQuery.browser.mobile)
|
||
|
{
|
||
|
$('#cellphone_hide_menu').click(function()
|
||
|
{
|
||
|
cellphone_hide_menu();
|
||
|
});
|
||
|
|
||
|
$('#cellphone_show_menu').click(function()
|
||
|
{
|
||
|
if ($('#content').hasClass('dispNone'))
|
||
|
{
|
||
|
cellphone_hide_menu();
|
||
|
}
|
||
|
else
|
||
|
{
|
||
|
cellphone_show_menu();
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
|
||
|
<?php if ($this->popup): ?>
|
||
|
/* Pop-up actions *********************************************************/
|
||
Také k dispozici: Unified diff
Opravy:
- oprava barvy hlavicky na iPhone
- oprava pozadi odhlasovani ikonky na pruhledne
Upravy:
- vytvoreni zjednoduseneho a prehlednejsiho vzhledu pro mobilni zarizeni
- javascriptove menu na mobilnich zarizenich