Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 1629

Přidáno uživatelem David Raška před asi 12 roky(ů)

Opravy:
- odstraneni specifickych stylu pro mobilni zarizeni
- oprava zobrazeni dialogu na mobilnich zarizenich

Zobrazit rozdíly:

freenetis/branches/testing/media/css/m.tables.css
/* FreenetIS - CSS Document
*
* Author: Ondřej Fibich
* Purpose: Stylesheet of tables for mobile devices
* Tested: Opera Mini 4.2 and Opera Mini 5
* See: http://dev.opera.com/articles/view/evolving-the-internet-on-your-phone-des/
*/
/* ------------------------ */
/* --------- MAIN --------- */
/* ------------------------ */
table.main {
font-size:90%;
border:1px #CCCCCC solid;
border-right:none;
text-align:left;
}
.main th, .main td {
border:1px #CCCCCC solid;
border-left:none;
border-bottom:none;
}
.main th {
border-top:none;
background-color:#F1F1F1;
text-align:center;
font-size: 9px;
font-weight: normal;
color:#990000;
padding:2px;
}
.main td {
padding:2px;
}
.main tr.even {
background-color:#f1f1f1;
}
/* -------#end MAIN-------- */
/* ------------------------ */
/* ------------------------ */
/* ------- EXTENDED ------- */
/* ------------------------ */
table.extended {
font-size:90%;
border:1px #CCCCCC solid;
border-bottom:none;
text-align:left;
}
.extended th, .extended td {
border-bottom:1px #CCCCCC solid;
padding:5px;
}
.extended th, .extended .th {
background:#F1F1F1;
text-align:left;
color:#990000;
font-weight:normal;
font-size: 9px;
}
.extended td, .extended .th {
border-left:1px #CCCCCC solid;
}
/* -----#end EXTENDED------ */
/* ------------------------ */
freenetis/branches/testing/media/css/m.forms.css
/* FreenetIS - CSS Document
*
* Author: Ondřej Fibich
* Purpose: Stylesheet of forms for mobile devices
* Tested: Opera Mini 4.2 and Opera Mini 5
* See: http://dev.opera.com/articles/view/evolving-the-internet-on-your-phone-des/
*/
/* ------------------------ */
/* -------- FORMS --------- */
/* ------------------------ */
table.form {
font-size:95%;
width:auto;
}
.form th {
background-color:#F1F1F1;
width: auto;
padding:5px 0 5px 2px;
text-align:left;
}
.form th.group {
margin-top:20px;
background:#ebebeb;
text-align:center;
color:#990000;
border:1px #CCCCCC solid;
width:auto;
}
input, .submit, select, textarea {
border:1px #CCCCCC solid;
vertical-align:middle;
font-size: 12px;
}
input {
width:50%;
min-width: 30px;
padding:2px;
}
textarea {
width:95%;
min-width: 30px;
padding:2px;
height:50px;
overflow:auto;
}
option {
padding:1px 2px 1px 2px;
}
.submit {
width:auto;
margin-top:0px;
background-color:#ffffff;
font-weight:bold;
padding:0px;
}
.form .submit {
width:auto;
margin-top:10px;
background-color:#ffffff;
font-weight:bold;
padding:2px;
}
.required {
background: url(../images/icons/required.gif) top right no-repeat;
}
input:focus, select:focus, textarea:focus {
border-color: #FFA500;
background-color: #FAFAD2;
}
.checkbox, .radio {
width:auto;
margin:5px 0 5px 0;
}
/* ------#end FORMS-------- */
/* ------------------------ */
freenetis/branches/testing/media/css/m.login.css
/* FreenetIS - CSS Document
*
* Author: Ondřej Fibich
* Purpose: Stylesheet of login page for mobile devices
* Tested: Opera Mini 4.2 and Opera Mini 5
* See: http://dev.opera.com/articles/view/evolving-the-internet-on-your-phone-des/
*/
* {
margin: 0px;
padding: 0px;
border: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
html {
width: 99%;
margin: 0 auto;
}
body {
color: #5B5B5B;
background-color: white;
}
#main {
text-align:left;
width:auto ! important;
}
#main h1 {
display: inline-block;
margin: 5px 2px 5px 2px;
padding-left: 20px;
background: left center url(../images/favicon.png) no-repeat;
font-size: 200%;
color: black;
}
#main h1 em {
font-style: normal;
color: #f15900;
}
#main h2 {
margin: 5px 0 5px 0;
font-size:150%;
}
#main #main-padd {
border: 1px #CCCCCC solid;
position: relative;
padding-bottom: 2px;
clear: both;
}
#lock {
display: none;
}
.clear {
clear:both;
}
input {
width: 75%;
font-size: 15px;
padding: 2px;
line-height: 20px;
border: 1px solid #CCC;
}
table.form th {
padding: 6px 2px 6px 2px;
font-weight: bold;
font-size: 13px;
}
table.form td {
padding: 6px 0 6px 0;
}
table.form tr {
background-color: #F1F1F1;
}
.submit, #submit {
width: auto;
cursor: pointer;
margin: 30px 0;
padding: 6px 12px;
font-weight: bold;
}
div.flags {
margin: 5px;
text-align: right;
float: right;
}
th.group {
text-align: center;
background-color: white;
}
p.error {
color: red;
}
div#login_div {
margin: 0 3px;
}
p.registration {
float: right;
margin: 15px 15px 0 0;
}
div#error {
padding: 5px;
margin: 5px 0 5px 0;
}
div#error strong {
color: #CC0000;
}
freenetis/branches/testing/media/css/m.style.css
/* FreenetIS - CSS Document
*
* Author: Ondřej Fibich
* Purpose: Stylesheet for mobile devices
* Tested: Opera Mini 4.2 and Opera Mini 5
* See: http://dev.opera.com/articles/view/evolving-the-internet-on-your-phone-des/
*/
* {
margin:0px;
padding:0px;
border:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #464646;
}
html {
width: 99%;
height:100%;
margin: 0 auto;
font-size: 11px;
line-height: 16px;
overflow: auto;
background-color: white;
}
body {
text-align:center;
height:100%;
}
table, input, textarea {
font-size:100%;
}
table {
border-width: 0px 0px 0px 0px;
border-spacing: 0px;
}
table.extended {
float: none ! important;
width: auto ! important;
margin: 0 0 4px 0 ! important;
}
table th {
border-width: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
table td {
border-width: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
table.picturebox {
border-width: 0px 0px 0px 0px;
border-spacing: 0px;
border-style: outset outset outset outset;
border-collapse: separate;
width: 100%;
}
table.picturebox td {
border-width: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-style: inset inset inset inset;
width: 100%;
color:#990000;
}
.error {
color:#CC0000;
}
label.error {
display: block;
}
.dispNone {
display:none;
}
.clear {
clear:both;
}
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.justify { text-align:justify; }
.bold { font-weight:bold; }
.ajax-loader {
position:absolute;
margin-left:10px;
margin-top:2px;
}
/* ------------------------ */
/* -------- LAYOUT -------- */
/* ------------------------ */
#main {
width: auto;
height: auto;
}
#header {
width: auto;
height:auto;
padding: 5px;
background: #f6f6f6;
border-bottom:1px #CCCCCC solid;
text-align: left;
}
#middle {
padding-bottom:50px;
}
#menu {
/* can be enabled by #a_show_menu */
display: none;
width:auto;
text-align:left;
}
#menu-padd {
padding:5px;
}
#content {
width:auto;
border-top: 2px solid #ccc;
text-align:justify;
}
#content-padd {
padding:5px;
}
#footer {
width:auto;
height:auto;
padding: 5px;
border-top:1px #CCCCCC solid;
background: #f6f6f6;
}
#footer-padd {
text-align:left;
}
/* -----#end LAYOUT-------- */
/* ------------------------ */
/* ------------------------ */
/* ------- BOXES ------ */
/* ------------------------ */
#header .separator1 {
}
#header .map {
}
#header .status {
}
.status table {
margin-top:5px;
}
#header .logout {
}
#header .logout span {
background:url(../images/layout/ico_logout.jpg) left center no-repeat;
padding-left:22px;
}
#header .logout a {
color:#FF833D;
}
#header .logout a:hover {
text-decoration:none;
}
.pagination {
padding:10px 0 0px 0;
}
.pagination strong {
border:1px #FF833D solid;
padding:0 5px 0 5px;
}
.message {
border:1px #FF833D solid;
background:#F7F7F7;
font-weight:bold;
text-align:center;
margin:10px 0 10px 0;
padding:10px 0 10px 0;
}
/* -----#end BOXES-------- */
/* ------------------------ */
#statesbox
{
width: 500px;
margin-left: 140px;
margin-top: 60px;
}
#statesbox div
{
text-align: center;
background:#F7F7F7;
padding: 0px;
border:3px #666666 solid;
width: 450px;
height: 140px;
}
/* -------------------------------- */
/* ------- HEADLINES & Texts ------ */
/* -------------------------------- */
.flags {
margin-top: 0px;
}
h1#logo {
display: inline-block;
margin: 5px 2px 5px 2px;
padding-left: 20px;
background: left center url(../images/favicon.png) no-repeat;
font-size: 200%;
}
h1#logo span {
color: black;
}
h1#logo span em {
font-style: normal;
color: #f15900;
}
h2 {
padding-bottom:5px;
font-size: 17px;
}
h3 {
padding-bottom:5px;
}
.status span {
background: url(../images/layout/ico_user.gif) no-repeat;
padding-left:20px;
color:#B3B3B3;
}
.status .orange {
color:#FF833D;
}
a:hover {
color: #EC7A04;
text-decoration:none;
}
/* ----#end HEADLINES------ */
/* ------------------------ */
/* ------------------------ */
/* --------- MENU --------- */
/* ------------------------ */
#menu ul ul {
margin:0 0 5px 5px;
list-style-type:none;
}
#menu ul ul li {
display: inline;
padding-bottom: 4px;
}
#menu ul ul li:after {
content: ', ';
}
#menu li h2 {
color:#544A5C;
font-size:120%;
font-weight:bold;
padding: 0 0 2px 5px;
}
#menu li.account, #menu li.transfer, #menu li.users, #menu li.approval, #menu li.networks, #menu li.administration, #menu li.redirection, #menu li.backup, #menu li.help {
list-style-type:none;
background: #fdfdfd;
border-top:1px #ebebeb solid;
}
.help_16 {
cursor: help;
}
#a_show_menu {
display: block;
padding: 5px;
font-size: 110%;
text-align: left;
}
/* -------#end MENU-------- */
/* ------------------------ */
#htaccess {
width: 250px;
height: 200px;
}
.popup {
border: 1px solid black;
padding: 20px;
margin: 20px;
}
.grid_table tr td .textarea {
width: 200px;
}
th.header {
cursor: pointer;
}
.grid_mail_from {
width: 180px;
}
.grid_mail_subject {
width: 490px;
}
.grid_mail_time {
text-align: center;
}
ul.tabs {
margin-top: 30px;
margin-bottom: 30px;
width: auto;
float: left;
border-bottom: 1px solid black;
padding: 0px;
}
ul.tabs li {
float: left;
list-style: none;
border: 1px solid black;
margin: 0px 2px -1px 2px;
padding: 3px;
}
ul.tabs li a {
text-decoration: none;
margin: 0px;
padding: 0px;
}
ul.tabs li.current {
border-bottom: 1px solid white;
}
.mail_to_field {
width: auto;
}
.mail_subject_field {
width: auto;
}
.button_link {
border: 1px solid black;
padding: 5px;
margin: 0px 10px 0px 0px;
text-decoration: none;
}
#mark_all {
margin-right: 5px;
width: 20px;
}
.mark_all_label {
margin-right: 20px;
}
#operation {
margin-right: 20px;
width: 190px;
}
freenetis/branches/testing/application/views/login/index.php
<meta name="description" content="Freenetis" />
<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 and (min-device-width: 481px)') ?>
<!--[if IE]>
<?php echo html::stylesheet('media/css/installation.css', 'screen') ?>
<![endif]-->
<?php echo html::stylesheet('media/css/m.login.css', 'handheld, only screen and (max-device-width: 480px)') ?>
<style type="text/css"><!--
table.form th, table.form td {
border-bottom-width: 0px;
......
<table cellspacing="0" cellpadding="0" class="form" style="width: auto;">
<tr>
<th><?php echo form::label('username', __('Login name').':') ?></th>
<td><?php echo form::input('username','',' maxlength="50"') ?></td>
<td><?php echo form::input('username',@$_POST['username'],' maxlength="50"') ?></td>
</tr>
<tr>
<th><?php echo form::label('password', __('Password').':') ?></th>
freenetis/branches/testing/application/views/main.php
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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 and (min-device-width: 481px)') ?>
<?php echo html::stylesheet('media/css/tables.css', 'screen and (min-device-width: 481px)') ?>
<?php echo html::stylesheet('media/css/forms.css', 'screen and (min-device-width: 481px)') ?>
<!--[if IE]>
<?php echo html::stylesheet('media/css/style.css', 'screen') ?>
<?php echo html::stylesheet('media/css/tables.css', 'screen') ?>
<?php echo html::stylesheet('media/css/forms.css', 'screen') ?>
<![endif]-->
<?php echo html::stylesheet('media/css/m.style.css', 'handheld, only screen and (max-device-width: 480px)') ?>
<?php echo html::stylesheet('media/css/m.tables.css', 'handheld, only screen and (max-device-width: 480px)') ?>
<?php echo html::stylesheet('media/css/m.forms.css', 'handheld, only screen and (max-device-width: 480px)') ?>
<?php echo html::stylesheet('media/css/print.css', 'print') ?>
<?php echo html::stylesheet('media/css/jquery.validate.password.css') ?>
<?php echo html::stylesheet('media/css/jquery.jstree.css') ?>
freenetis/branches/testing/application/views/js/base.php
*
* @author Michal Kliment
*/
if (!jQuery.browser.mobile)
$('.popup_link').live('click', function()
{
$('.popup_link').live('click', function()
{
if (!jQuery.browser.mobile ||
(jQuery.browser.mobile && $(this).hasClass('popup-add'))
)
{
var $this = $(this);
$('#loading-overlay').show();
......
}, 2);
return false;
});
}
}
});
/**
* Submit of form in dialog

Také k dispozici: Unified diff