mirror of
https://github.com/opensourcepos/opensourcepos.git
synced 2026-05-24 08:20:54 -04:00
make flatly OSPOS default, tidied up stylesheets, added bootstrap-datetimepicker js no support yet (#116)
This commit is contained in:
@@ -7,7 +7,9 @@
|
||||
|
|
||||
| the theme folder name. If the folder doesn't exist it will use default theme
|
||||
|
|
||||
| The default theme for OSPOS is flatly: http://bootswatch.com/flatly/
|
||||
|
|
||||
|
|
||||
*/
|
||||
$config['theme_name'] = 'flatly';
|
||||
|
||||
//$config['theme_name'] = 'spacelab';
|
||||
|
||||
@@ -5,10 +5,9 @@
|
||||
<base href="<?php echo base_url();?>" />
|
||||
<title>Open Source Point Of Sale <?php echo $this->lang->line('login_login'); ?></title>
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/login.css" />
|
||||
<link rel="stylesheet" type="text/css" href="templates/flatly/css/bootstrap.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="templates/flatly/css/style.css"/>
|
||||
<script type="text/javascript" src="js/jquery-1.8.3.js" language="javascript"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function()
|
||||
{
|
||||
@@ -18,36 +17,36 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div align="center" style="margin-top:10px"><img src=<?php echo base_url();?>/images/logo.gif></div>
|
||||
<div id="logo" align="center"><img src=<?php echo base_url();?>/images/logo.gif></div>
|
||||
|
||||
<div id="login">
|
||||
<?php echo form_open('login') ?>
|
||||
|
||||
<div id="container">
|
||||
<?php echo validation_errors(); ?>
|
||||
|
||||
<div id="login_form">
|
||||
<div class="form_field_label"><?php echo $this->lang->line('login_username'); ?>: </div>
|
||||
<div class="form_field">
|
||||
<?php echo form_input(array(
|
||||
'name'=>'username',
|
||||
'id'=>'username',
|
||||
'size'=>'20')); ?>
|
||||
</div>
|
||||
|
||||
<div class="form_field_label"><?php echo $this->lang->line('login_password'); ?>: </div>
|
||||
<div class="form_field">
|
||||
<?php echo form_password(array(
|
||||
'name'=>'password',
|
||||
'id' => 'password',
|
||||
'size'=>'20')); ?>
|
||||
</div>
|
||||
<div id="container">
|
||||
<?php echo validation_errors(); ?>
|
||||
|
||||
<input class="btn btn-primary btn-block" type="submit" name="loginButton" value="Go"/>
|
||||
</div>
|
||||
</div>
|
||||
<div id="login_form">
|
||||
<div class="form_field_label"><?php echo $this->lang->line('login_username'); ?>: </div>
|
||||
<div class="form_field">
|
||||
<?php echo form_input(array(
|
||||
'name'=>'username',
|
||||
'id'=>'username',
|
||||
'size'=>'20')); ?>
|
||||
</div>
|
||||
|
||||
<?php echo form_close(); ?><h1>Open Source Point Of Sale <?php echo $this->config->item('application_version'); ?></h1>
|
||||
<div class="form_field_label"><?php echo $this->lang->line('login_password'); ?>: </div>
|
||||
<div class="form_field">
|
||||
<?php echo form_password(array(
|
||||
'name'=>'password',
|
||||
'id' => 'password',
|
||||
'size'=>'20')); ?>
|
||||
</div>
|
||||
|
||||
<input class="btn btn-primary btn-block" type="submit" name="loginButton" value="Go"/>
|
||||
</div>
|
||||
</div>
|
||||
<?php echo form_close(); ?>
|
||||
|
||||
<h1>Open Source Point Of Sale <?php echo $this->config->item('application_version'); ?></h1>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -5,11 +5,9 @@
|
||||
<base href="<?php echo base_url();?>" />
|
||||
<title><?php echo $this->config->item('company').' -- '.$this->lang->line('common_powered_by').' OS Point Of Sale' ?></title>
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
|
||||
<link rel="stylesheet" type="text/css" href="css/ospos.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/ospos.css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/ospos_print.css" media="print" />
|
||||
<link rel="stylesheet" type="text/css" href="templates/flatly/css/bootstrap.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="templates/flatly/css/style.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="css/jasny-bootstrap.css"/>
|
||||
|
||||
<?php if ($this->input->cookie('debug') == "true" || $this->input->get("debug") == "true") : ?>
|
||||
<!-- start js template tags -->
|
||||
@@ -28,6 +26,7 @@
|
||||
<script type="text/javascript" src="js/jquery.tablesorter.staticrow.js" language="javascript"></script>
|
||||
<script type="text/javascript" src="js/jquery.validate-1.13.1-min.js" language="javascript"></script>
|
||||
<script type="text/javascript" src="js/bootstrap-3.3.6.js" language="javascript"></script>
|
||||
<script type="text/javascript" src="js/bootstrap-datetimepicker.js" language="javascript"></script>
|
||||
<script type="text/javascript" src="js/common.js" language="javascript"></script>
|
||||
<script type="text/javascript" src="js/date.js" language="javascript"></script>
|
||||
<script type="text/javascript" src="js/imgpreview.full.jquery.js" language="javascript"></script>
|
||||
@@ -40,7 +39,7 @@
|
||||
<!-- end js template tags -->
|
||||
<?php else : ?>
|
||||
<!-- start minjs template tags -->
|
||||
<script type="text/javascript" src="dist/opensourcepos.min.js?rel=e31a85ae49" language="javascript"></script>
|
||||
<script type="text/javascript" src="dist/opensourcepos.min.js?rel=ec83b8a708" language="javascript"></script>
|
||||
<!-- end minjs template tags -->
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
408
css/bootstrap-datetimepicker.css
vendored
Normal file
408
css/bootstrap-datetimepicker.css
vendored
Normal file
@@ -0,0 +1,408 @@
|
||||
/*!
|
||||
* Datetimepicker for Bootstrap
|
||||
*
|
||||
* Copyright 2012 Stefan Petre
|
||||
* Improvements by Andrew Rowls
|
||||
* Improvements by Sébastien Malot
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
*/
|
||||
.datetimepicker {
|
||||
padding: 4px;
|
||||
margin-top: 1px;
|
||||
white-space: normal;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
direction: ltr;
|
||||
}
|
||||
.datetimepicker.datetimepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.datetimepicker.datetimepicker-rtl table tr td span {
|
||||
float: right;
|
||||
}
|
||||
.datetimepicker > div {
|
||||
display: none;
|
||||
}
|
||||
.datetimepicker.minutes div.datetimepicker-minutes {
|
||||
display: block;
|
||||
}
|
||||
.datetimepicker.hours div.datetimepicker-hours {
|
||||
display: block;
|
||||
}
|
||||
.datetimepicker.days div.datetimepicker-days {
|
||||
display: block;
|
||||
}
|
||||
.datetimepicker.months div.datetimepicker-months {
|
||||
display: block;
|
||||
}
|
||||
.datetimepicker.years div.datetimepicker-years {
|
||||
display: block;
|
||||
}
|
||||
.datetimepicker table {
|
||||
margin: 0;
|
||||
}
|
||||
.datetimepicker table tr td.minute:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datetimepicker table tr td.hour:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datetimepicker table tr td.day:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datetimepicker table tr td span {
|
||||
display: block;
|
||||
width: 23%;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
cursor: pointer;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.datetimepicker table tr td span:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datetimepicker table tr td span.old {
|
||||
color: #999999;
|
||||
}
|
||||
.datetimepicker .datetimepicker-hours span {
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.datetimepicker .datetimepicker-minutes span {
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.datetimepicker th.switch {
|
||||
width: 145px;
|
||||
}
|
||||
.datetimepicker-inline {
|
||||
width: 220px;
|
||||
}
|
||||
.datetimepicker-dropdown,
|
||||
.datetimepicker-dropdown-left {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
[class*="datetimepicker-dropdown"]:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
}
|
||||
[class*="datetimepicker-dropdown"]:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #ffffff;
|
||||
position: absolute;
|
||||
}
|
||||
[class*="datetimepicker-dropdown-top"]:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-top: 7px solid #ccc;
|
||||
border-top-color: rgba(0, 0, 0, 0.2);
|
||||
border-bottom: 0;
|
||||
}
|
||||
[class*="datetimepicker-dropdown-top"]:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-top: 6px solid #ffffff;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.datetimepicker-dropdown-bottom-left:before {
|
||||
top: -7px;
|
||||
right: 6px;
|
||||
}
|
||||
.datetimepicker-dropdown-bottom-left:after {
|
||||
top: -6px;
|
||||
right: 7px;
|
||||
}
|
||||
.datetimepicker-dropdown-bottom-right:before {
|
||||
top: -7px;
|
||||
left: 6px;
|
||||
}
|
||||
.datetimepicker-dropdown-bottom-right:after {
|
||||
top: -6px;
|
||||
left: 7px;
|
||||
}
|
||||
.datetimepicker-dropdown-top-left:before {
|
||||
bottom: -7px;
|
||||
right: 6px;
|
||||
}
|
||||
.datetimepicker-dropdown-top-left:after {
|
||||
bottom: -6px;
|
||||
right: 7px;
|
||||
}
|
||||
.datetimepicker-dropdown-top-right:before {
|
||||
bottom: -7px;
|
||||
left: 6px;
|
||||
}
|
||||
.datetimepicker-dropdown-top-right:after {
|
||||
bottom: -6px;
|
||||
left: 7px;
|
||||
}
|
||||
.datetimepicker td,
|
||||
.datetimepicker th {
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
}
|
||||
.table-striped .datetimepicker table tr td,
|
||||
.table-striped .datetimepicker table tr th {
|
||||
background-color: transparent;
|
||||
}
|
||||
.datetimepicker table tr td.old,
|
||||
.datetimepicker table tr td.new {
|
||||
color: #999999;
|
||||
}
|
||||
.datetimepicker table tr td.disabled,
|
||||
.datetimepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
.datetimepicker table tr td.today,
|
||||
.datetimepicker table tr td.today:hover,
|
||||
.datetimepicker table tr td.today.disabled,
|
||||
.datetimepicker table tr td.today.disabled:hover {
|
||||
background-color: #fde19a;
|
||||
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
|
||||
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
||||
border-color: #fdf59a #fdf59a #fbed50;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
.datetimepicker table tr td.today:hover,
|
||||
.datetimepicker table tr td.today:hover:hover,
|
||||
.datetimepicker table tr td.today.disabled:hover,
|
||||
.datetimepicker table tr td.today.disabled:hover:hover,
|
||||
.datetimepicker table tr td.today:active,
|
||||
.datetimepicker table tr td.today:hover:active,
|
||||
.datetimepicker table tr td.today.disabled:active,
|
||||
.datetimepicker table tr td.today.disabled:hover:active,
|
||||
.datetimepicker table tr td.today.active,
|
||||
.datetimepicker table tr td.today:hover.active,
|
||||
.datetimepicker table tr td.today.disabled.active,
|
||||
.datetimepicker table tr td.today.disabled:hover.active,
|
||||
.datetimepicker table tr td.today.disabled,
|
||||
.datetimepicker table tr td.today:hover.disabled,
|
||||
.datetimepicker table tr td.today.disabled.disabled,
|
||||
.datetimepicker table tr td.today.disabled:hover.disabled,
|
||||
.datetimepicker table tr td.today[disabled],
|
||||
.datetimepicker table tr td.today:hover[disabled],
|
||||
.datetimepicker table tr td.today.disabled[disabled],
|
||||
.datetimepicker table tr td.today.disabled:hover[disabled] {
|
||||
background-color: #fdf59a;
|
||||
}
|
||||
.datetimepicker table tr td.today:active,
|
||||
.datetimepicker table tr td.today:hover:active,
|
||||
.datetimepicker table tr td.today.disabled:active,
|
||||
.datetimepicker table tr td.today.disabled:hover:active,
|
||||
.datetimepicker table tr td.today.active,
|
||||
.datetimepicker table tr td.today:hover.active,
|
||||
.datetimepicker table tr td.today.disabled.active,
|
||||
.datetimepicker table tr td.today.disabled:hover.active {
|
||||
background-color: #fbf069 \9;
|
||||
}
|
||||
.datetimepicker table tr td.active,
|
||||
.datetimepicker table tr td.active:hover,
|
||||
.datetimepicker table tr td.active.disabled,
|
||||
.datetimepicker table tr td.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datetimepicker table tr td.active:hover,
|
||||
.datetimepicker table tr td.active:hover:hover,
|
||||
.datetimepicker table tr td.active.disabled:hover,
|
||||
.datetimepicker table tr td.active.disabled:hover:hover,
|
||||
.datetimepicker table tr td.active:active,
|
||||
.datetimepicker table tr td.active:hover:active,
|
||||
.datetimepicker table tr td.active.disabled:active,
|
||||
.datetimepicker table tr td.active.disabled:hover:active,
|
||||
.datetimepicker table tr td.active.active,
|
||||
.datetimepicker table tr td.active:hover.active,
|
||||
.datetimepicker table tr td.active.disabled.active,
|
||||
.datetimepicker table tr td.active.disabled:hover.active,
|
||||
.datetimepicker table tr td.active.disabled,
|
||||
.datetimepicker table tr td.active:hover.disabled,
|
||||
.datetimepicker table tr td.active.disabled.disabled,
|
||||
.datetimepicker table tr td.active.disabled:hover.disabled,
|
||||
.datetimepicker table tr td.active[disabled],
|
||||
.datetimepicker table tr td.active:hover[disabled],
|
||||
.datetimepicker table tr td.active.disabled[disabled],
|
||||
.datetimepicker table tr td.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datetimepicker table tr td.active:active,
|
||||
.datetimepicker table tr td.active:hover:active,
|
||||
.datetimepicker table tr td.active.disabled:active,
|
||||
.datetimepicker table tr td.active.disabled:hover:active,
|
||||
.datetimepicker table tr td.active.active,
|
||||
.datetimepicker table tr td.active:hover.active,
|
||||
.datetimepicker table tr td.active.disabled.active,
|
||||
.datetimepicker table tr td.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datetimepicker .datetimepicker-hours table tr td span.hour_am,
|
||||
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
|
||||
width: 14.6%;
|
||||
}
|
||||
.datetimepicker .datetimepicker-hours fieldset legend,
|
||||
.datetimepicker .datetimepicker-minutes fieldset legend {
|
||||
margin-bottom: inherit;
|
||||
line-height: 30px;
|
||||
}
|
||||
.datetimepicker table tr td span.disabled,
|
||||
.datetimepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
.datetimepicker table tr td span.active,
|
||||
.datetimepicker table tr td span.active:hover,
|
||||
.datetimepicker table tr td span.active.disabled,
|
||||
.datetimepicker table tr td span.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datetimepicker table tr td span.active:hover,
|
||||
.datetimepicker table tr td span.active:hover:hover,
|
||||
.datetimepicker table tr td span.active.disabled:hover,
|
||||
.datetimepicker table tr td span.active.disabled:hover:hover,
|
||||
.datetimepicker table tr td span.active:active,
|
||||
.datetimepicker table tr td span.active:hover:active,
|
||||
.datetimepicker table tr td span.active.disabled:active,
|
||||
.datetimepicker table tr td span.active.disabled:hover:active,
|
||||
.datetimepicker table tr td span.active.active,
|
||||
.datetimepicker table tr td span.active:hover.active,
|
||||
.datetimepicker table tr td span.active.disabled.active,
|
||||
.datetimepicker table tr td span.active.disabled:hover.active,
|
||||
.datetimepicker table tr td span.active.disabled,
|
||||
.datetimepicker table tr td span.active:hover.disabled,
|
||||
.datetimepicker table tr td span.active.disabled.disabled,
|
||||
.datetimepicker table tr td span.active.disabled:hover.disabled,
|
||||
.datetimepicker table tr td span.active[disabled],
|
||||
.datetimepicker table tr td span.active:hover[disabled],
|
||||
.datetimepicker table tr td span.active.disabled[disabled],
|
||||
.datetimepicker table tr td span.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datetimepicker table tr td span.active:active,
|
||||
.datetimepicker table tr td span.active:hover:active,
|
||||
.datetimepicker table tr td span.active.disabled:active,
|
||||
.datetimepicker table tr td span.active.disabled:hover:active,
|
||||
.datetimepicker table tr td span.active.active,
|
||||
.datetimepicker table tr td span.active:hover.active,
|
||||
.datetimepicker table tr td span.active.disabled.active,
|
||||
.datetimepicker table tr td span.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datetimepicker thead tr:first-child th,
|
||||
.datetimepicker tfoot tr:first-child th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datetimepicker thead tr:first-child th:hover,
|
||||
.datetimepicker tfoot tr:first-child th:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.input-append.date .add-on i,
|
||||
.input-prepend.date .add-on i,
|
||||
.input-group.date .input-group-addon span {
|
||||
cursor: pointer;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
.datepicker.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
float: left;
|
||||
display: none;
|
||||
min-width: 160px;
|
||||
list-style: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
*border-right-width: 2px;
|
||||
*border-bottom-width: 2px;
|
||||
color: #333333;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.datepicker.dropdown-menu th,
|
||||
.datepicker.dropdown-menu td {
|
||||
padding: 4px 5px;
|
||||
}
|
||||
.datepicker .prev,
|
||||
.datepicker .next {
|
||||
font-style: normal;
|
||||
}
|
||||
.datepicker .prev:after {
|
||||
content: "«";
|
||||
}
|
||||
.datepicker .next:after {
|
||||
content: "»";
|
||||
}
|
||||
120
css/login.css
120
css/login.css
@@ -1,87 +1,65 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
|
||||
// Login page styling tuned for bootstrap
|
||||
|
||||
*{margin:0;padding:0;}
|
||||
|
||||
body{
|
||||
background:#567;
|
||||
font-family:'Open Sans',sans-serif;
|
||||
*
|
||||
{
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.button{
|
||||
width:100px;
|
||||
background:#3399cc;
|
||||
display:block;
|
||||
margin:0 auto;
|
||||
margin-top:1%;
|
||||
padding:10px;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
transition:background .3s;
|
||||
-webkit-transition:background .3s;
|
||||
#logo
|
||||
{
|
||||
margin-top:2%;
|
||||
margin-bottom:2%;
|
||||
}
|
||||
|
||||
.button:hover{
|
||||
background:#2288bb;
|
||||
#login
|
||||
{
|
||||
width:400px;
|
||||
margin:0 auto;
|
||||
margin-top:2%;
|
||||
margin-bottom:2%;
|
||||
transition:opacity 1s;
|
||||
-webkit-transition:opacity 1s;
|
||||
}
|
||||
|
||||
#login{
|
||||
width:400px;
|
||||
margin:0 auto;
|
||||
margin-top:8px;
|
||||
margin-bottom:2%;
|
||||
transition:opacity 1s;
|
||||
-webkit-transition:opacity 1s;
|
||||
#login h1
|
||||
{
|
||||
background:#3399cc;
|
||||
padding:20px 0;
|
||||
font-size:140%;
|
||||
font-weight:300;
|
||||
text-align:center;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#triangle{
|
||||
width:0;
|
||||
border-top:12x solid transparent;
|
||||
border-right:12px solid transparent;
|
||||
border-bottom:12px solid #3399cc;
|
||||
border-left:12px solid transparent;
|
||||
margin:0 auto;
|
||||
form
|
||||
{
|
||||
background:#f0f0f0;
|
||||
padding:6% 4%;
|
||||
}
|
||||
|
||||
#login h1{
|
||||
background:#3399cc;
|
||||
padding:20px 0;
|
||||
font-size:140%;
|
||||
font-weight:300;
|
||||
text-align:center;
|
||||
color:#fff;
|
||||
input[type="text"], input[type="password"]
|
||||
{
|
||||
width:100%;
|
||||
background:#fff;
|
||||
margin-bottom:4%;
|
||||
border:1px solid #ccc;
|
||||
padding:4%;
|
||||
color:#555;
|
||||
}
|
||||
|
||||
form{
|
||||
background:#f0f0f0;
|
||||
padding:6% 4%;
|
||||
input[type="submit"]
|
||||
{
|
||||
width:100%;
|
||||
background:#3399cc;
|
||||
margin-top:4%;
|
||||
border:0;
|
||||
padding:4%;
|
||||
transition:background .3s;
|
||||
-webkit-transition:background .3s;
|
||||
}
|
||||
|
||||
input[type="text"],input[type="password"]{
|
||||
width:92%;
|
||||
background:#fff;
|
||||
margin-bottom:4%;
|
||||
border:1px solid #ccc;
|
||||
padding:4%;
|
||||
font-family:'Open Sans',sans-serif;
|
||||
font-size:95%;
|
||||
color:#555;
|
||||
}
|
||||
|
||||
input[type="submit"]{
|
||||
width:100%;
|
||||
background:#3399cc;
|
||||
border:0;
|
||||
padding:4%;
|
||||
font-family:'Open Sans',sans-serif;
|
||||
font-size:100%;
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
transition:background .3s;
|
||||
-webkit-transition:background .3s;
|
||||
}
|
||||
|
||||
input[type="submit"]:hover{
|
||||
background:#2288bb;
|
||||
input[type="submit"]:hover
|
||||
{
|
||||
background:#2288bb;
|
||||
}
|
||||
@@ -11,6 +11,8 @@
|
||||
@import url(jquery-ui.structure.css);
|
||||
@import url(jquery-ui.theme.css);
|
||||
@import url(jquery-ui-timepicker-addon.css);
|
||||
@import url(jasny-bootstrap.css);
|
||||
@import url(bootstrap-datetimepicker.css);
|
||||
|
||||
html, body
|
||||
{
|
||||
@@ -46,8 +48,8 @@ a.none
|
||||
.navbar-default .navbar-nav > .active > a:hover,
|
||||
.navbar-default .navbar-nav > .active > a:focus
|
||||
{
|
||||
color: #2C3E50 !important;
|
||||
background-color: #FFFFFF !important;
|
||||
color: #2C3E50;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.navbar .menu-icon {
|
||||
@@ -189,3 +191,19 @@ a.rollover img
|
||||
{
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px)
|
||||
{
|
||||
.navbar-nav > li > a
|
||||
{
|
||||
padding: 10px 10px 9px;
|
||||
}
|
||||
}
|
||||
|
||||
@media print
|
||||
{
|
||||
.no-print, .no-print *
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@@ -1,11 +1,28 @@
|
||||
#titleTextImg
|
||||
{
|
||||
background-color: transparent;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
|
||||
//background-color: #EEEEEE;
|
||||
}
|
||||
|
||||
#search_filter_section
|
||||
{
|
||||
background-color: transparent;
|
||||
position: relative;
|
||||
|
||||
//background-color: #EEEEEE;
|
||||
}
|
||||
|
||||
#table_action_header
|
||||
{
|
||||
position:relative;
|
||||
width:100%;
|
||||
background-color:#EEEEEE;
|
||||
background-color: transparent;
|
||||
background-image:url(../images/checkbox_arrow.gif);
|
||||
height:20px;
|
||||
border-top:1px solid #CCCCCC;
|
||||
height:35px;
|
||||
border: 0;
|
||||
background-position:5px 10px;
|
||||
background-repeat:no-repeat;
|
||||
padding:5px 0px 5px 0px;
|
||||
@@ -28,18 +45,30 @@
|
||||
|
||||
#table_action_header ul li span a
|
||||
{
|
||||
background-color:#0a6184;
|
||||
border:2px solid #DDDDDD;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
border: 0;
|
||||
color: #aaa;
|
||||
padding:2px 5px 2px 5px;
|
||||
|
||||
}
|
||||
|
||||
#table_action_header ul li span a:hover
|
||||
{
|
||||
color: #555;
|
||||
}
|
||||
|
||||
#table_action_header a
|
||||
{
|
||||
text-decoration:none;
|
||||
color:#FFF;
|
||||
}
|
||||
|
||||
#search_filter_section
|
||||
{
|
||||
padding: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#table_holder
|
||||
{
|
||||
position:relative;
|
||||
@@ -48,19 +77,18 @@
|
||||
|
||||
table.tablesorter
|
||||
{
|
||||
position:relative;
|
||||
width:100%;
|
||||
border-top:3px solid #0a6184;
|
||||
border-collapse:collapse;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table.tablesorter thead tr th, table.tablesorter tfoot tr th
|
||||
{
|
||||
color:#FFFFFF;
|
||||
text-align:left;
|
||||
background-color:#4386a1;
|
||||
padding: 0px 5px 0px 5px;
|
||||
|
||||
background-color:#999999;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
table.tablesorter thead tr .header
|
||||
@@ -76,22 +104,18 @@ table.tablesorter tbody td
|
||||
color: #3D3D3D;
|
||||
background-color: #FFF;
|
||||
vertical-align: top;
|
||||
padding: 0px 5px 0px 5px;
|
||||
}
|
||||
|
||||
table.tablesorter tbody td
|
||||
{
|
||||
padding: 8px;
|
||||
border-bottom:1px solid #DDDDDD;
|
||||
}
|
||||
|
||||
table.tablesorter tbody td.over
|
||||
{
|
||||
background-color:#CCCCCC;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
table.tablesorter tbody td.selected
|
||||
{
|
||||
background-color:#BBBBBB;
|
||||
background-color: #ECECEC;
|
||||
}
|
||||
|
||||
table.tablesorter thead tr .tablesorter-headerAsc
|
||||
|
||||
1877
dist/opensourcepos.js
vendored
1877
dist/opensourcepos.js
vendored
File diff suppressed because it is too large
Load Diff
8
dist/opensourcepos.min.js
vendored
8
dist/opensourcepos.min.js
vendored
File diff suppressed because one or more lines are too long
1877
js/bootstrap-datetimepicker.js
vendored
Normal file
1877
js/bootstrap-datetimepicker.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
@@ -1,77 +0,0 @@
|
||||
/* additional styles placed here */
|
||||
|
||||
table.tablesorter
|
||||
{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
table.tablesorter tbody td
|
||||
{
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
table.tablesorter tbody td.over
|
||||
{
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
table.tablesorter tbody td.selected
|
||||
{
|
||||
background-color: #ECECEC;
|
||||
}
|
||||
|
||||
table.tablesorter thead tr th, table.tablesorter tfoot tr th
|
||||
{
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
#table_action_header
|
||||
{
|
||||
height: 35px;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
table.tablesorter thead tr th, table.tablesorter tfoot tr th
|
||||
{
|
||||
background-color: #999999;
|
||||
}
|
||||
|
||||
#search_filter_section
|
||||
{
|
||||
padding: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#titleTextImg
|
||||
{
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#table_action_header ul li span a
|
||||
{
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
border: 0;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
#table_action_header ul li span a:hover
|
||||
{
|
||||
color: #555;
|
||||
}
|
||||
|
||||
@media (min-width: 768px)
|
||||
{
|
||||
.navbar-nav > li > a
|
||||
{
|
||||
padding: 10px 10px 9px;
|
||||
}
|
||||
}
|
||||
|
||||
@media print
|
||||
{
|
||||
.no-print, .no-print *
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@@ -38,7 +38,7 @@
|
||||
<!-- end js template tags -->
|
||||
<?php else : ?>
|
||||
<!-- start minjs template tags -->
|
||||
<script type="text/javascript" src="dist/opensourcepos.min.js?rel=e31a85ae49" language="javascript"></script>
|
||||
<script type="text/javascript" src="dist/opensourcepos.min.js?rel=ec83b8a708" language="javascript"></script>
|
||||
<!-- end minjs template tags -->
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user