Revize 1629
Přidáno uživatelem David Raška před asi 12 roky(ů)
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
Opravy:
- odstraneni specifickych stylu pro mobilni zarizeni
- oprava zobrazeni dialogu na mobilnich zarizenich