diff --git a/assets/default/css/theme.css b/assets/default/css/theme.css
index ef15177855fea724c3c77e11babdb4f28bfddfe0..c88bba906cdef9b040661312900e7f63b0015f10 100644
--- a/assets/default/css/theme.css
+++ b/assets/default/css/theme.css
@@ -241,7 +241,7 @@ h2, .subject {
display: inline-block;
font-size: 16px;
padding: 8px 16px 6px 16px;
- width: 160px;
+ max-width: 220px;
text-align: center;
color: #fff;
font-weight: bold;
@@ -303,14 +303,11 @@ body {
#header #logo {
width: 220px;
height: 71px;
- float: left;
}
#header p {
width: 400px;
- text-align: right;
margin: 0;
padding: 10px 0 0;
- float: right;
}
#nav {
margin: 0 20px;
@@ -329,9 +326,8 @@ body {
display: inline;
}
#nav li a {
- display: block;
+ display: inline-block;
width: auto;
- float: left;
height: 20px;
line-height: 20px;
text-align: center;
@@ -344,6 +340,14 @@ body {
background-position: 10px 50%;
background-repeat: no-repeat;
}
+.rtl #nav li a {
+ background-position: right center;
+ background-position: calc(100% - 10px) center;
+ padding-left: 10px;
+ padding-right: 32px;
+ margin-right: 10px;
+ margin-left: 0;
+}
#nav li a.active,
#nav li a:hover {
background-color: #dbefff;
@@ -395,20 +399,29 @@ body {
margin: 0 auto;
background: url('../images/poweredby.png') top left no-repeat;
}
+.front-page-button {
+}
#landing_page #new_ticket {
margin-top: 40px;
+ background: url('../images/new_ticket_icon.png') top left no-repeat;
+}
+#landing_page #new_ticket,
+#landing_page #check_status,
+.front-page-button {
width: 295px;
padding-left: 75px;
- float: left;
- background: url('../images/new_ticket_icon.png') top left no-repeat;
}
#landing_page #check_status {
margin-top: 40px;
- width: 295px;
- padding-left: 75px;
- float: right;
background: url('../images/check_status_icon.png') top left no-repeat;
}
+.rtl #landing_page #new_ticket,
+.rtl #landing_page #check_status,
+.rtl .front-page-button {
+ padding-left: 0;
+ padding-right: 75px;
+ background-position: top right;
+}
/* Landing page FAQ not yet implemented. */
#faq {
clear: both;
@@ -530,8 +543,6 @@ body {
#ticketForm div label,
#clientLogin div label {
display: block;
- width: 140px;
- float: left;
}
label.required {
font-weight: bold;
@@ -547,9 +558,7 @@ label.required {
width: auto;
border: 1px solid #aaa;
background: #fff;
- margin-right: 10px;
display: block;
- float: left;
}
#ticketForm div input[type=file],
#clientLogin div input[type=file] {
@@ -635,6 +644,20 @@ label.required {
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
background: url('../images/lock.png?1319655200') 95% 50% no-repeat #f6f6f6;
}
+.rtl #clientLogin {
+ background-position: 5% 50%;
+}
+#clientLogin .instructions {
+ display:table-cell;
+ padding-left: 2em;
+ padding-right:90px;
+}
+.rtl #clientLogin .instructions {
+ padding-left: 0;
+ padding-right:0;
+ padding-right: 2em;
+ padding-left:90px;
+}
#clientLogin p {
clear: both;
}
@@ -916,3 +939,18 @@ img.sign-in-image {
width: auto;
height: auto;
}
+.login-box {
+ width:40%;
+ display:table-cell;
+ box-shadow: 12px 0 15px -15px rgba(0,0,0,0.4);
+ padding:15px;
+}
+.rtl .login-box {
+ box-shadow: -12px 0 15px -15px rgba(0,0,0,0.4);
+}
+.flush-right {
+ text-align: right;
+}
+.flush-left {
+ text-align: left;
+}
diff --git a/include/client/accesslink.inc.php b/include/client/accesslink.inc.php
index 30c50d4d63c46f28f72414eddba6aafc4a6cdf36..9143186b8ed6ea92ce42790ea84ac437a0ebcbb8 100644
--- a/include/client/accesslink.inc.php
+++ b/include/client/accesslink.inc.php
@@ -20,24 +20,23 @@ else
<form action="login.php" method="post" id="clientLogin">
<?php csrf_token(); ?>
<div style="display:table-row">
- <div style="width:40%;display:table-cell;box-shadow: 12px 0 15px -15px rgba(0,0,0,0.4);padding-right: 2em;">
- <strong><?php echo Format::htmlchars($errors['login']); ?></strong>
- <br>
+ <div class="login-box">
+ <div><strong><?php echo Format::htmlchars($errors['login']); ?></strong></div>
<div>
<label for="email"><?php echo __('E-Mail Address'); ?>:
<input id="email" placeholder="<?php echo __('e.g. john.doe@osticket.com'); ?>" type="text"
name="lemail" size="30" value="<?php echo $email; ?>"></label>
</div>
<div>
- <label for="ticketno"><?php echo __('Ticket Number'); ?>:</label><br/>
+ <label for="ticketno"><?php echo __('Ticket Number'); ?>:
<input id="ticketno" type="text" name="lticket" placeholder="<?php echo __('e.g. 051243'); ?>"
- size="30" value="<?php echo $ticketid; ?>"></td>
+ size="30" value="<?php echo $ticketid; ?>"></label>
</div>
<p>
<input class="btn" type="submit" value="<?php echo $button; ?>">
</p>
</div>
- <div style="display:table-cell;padding-left: 2em;padding-right:90px;">
+ <div class="instructions">
<?php if ($cfg && $cfg->getClientRegistrationMode() !== 'disabled') { ?>
<?php echo __('Have an account with us?'); ?>
<a href="login.php"><?php echo __('Sign In'); ?></a> <?php
diff --git a/include/client/header.inc.php b/include/client/header.inc.php
index 0c439c484e5803c5242bbd7f0d12590da41c5f46..2d06fe5075bb5a2a9b4b167bf89a72dfaa6c69f7 100644
--- a/include/client/header.inc.php
+++ b/include/client/header.inc.php
@@ -32,6 +32,7 @@ if (($lang = Internationalization::getCurrentLanguage())
<link rel="stylesheet" href="<?php echo ROOT_PATH; ?>css/redactor.css" media="screen">
<link type="text/css" rel="stylesheet" href="<?php echo ROOT_PATH; ?>css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="<?php echo ROOT_PATH; ?>css/flags.css">
+ <link type="text/css" rel="stylesheet" href="<?php echo ROOT_PATH; ?>css/rtl.css"/>
<script type="text/javascript" src="<?php echo ROOT_PATH; ?>js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<?php echo ROOT_PATH; ?>js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="<?php echo ROOT_PATH; ?>js/jquery.multifile.js"></script>
@@ -48,11 +49,12 @@ if (($lang = Internationalization::getCurrentLanguage())
<body>
<div id="container">
<div id="header">
- <a id="logo" href="<?php echo ROOT_PATH; ?>index.php"
+ <a class="pull-left" id="logo" href="<?php echo ROOT_PATH; ?>index.php"
title="<?php echo __('Support Center'); ?>"><img src="<?php
echo ROOT_PATH; ?>logo.php" border=0 alt="<?php
echo $ost->getConfig()->getTitle(); ?>"
style="height: 5em"></a>
+ <div class="pull-right flush-right">
<p>
<?php
if ($thisclient && is_object($thisclient) && $thisclient->isValid()
@@ -90,11 +92,12 @@ if (($all_langs = Internationalization::availableLanguages())
<?php }
} ?>
</p>
+ </div>
</div>
<div class="clear"></div>
<?php
if($nav){ ?>
- <ul id="nav">
+ <ul id="nav" class="flush-left">
<?php
if($nav && ($navs=$nav->getNavLinks()) && is_array($navs)){
foreach($navs as $name =>$nav) {
diff --git a/include/client/login.inc.php b/include/client/login.inc.php
index 263d74e661ea0a691012de12b4635b88c22a27a6..c3a809f957b9e2afcd8f00318352d39fdc564324 100644
--- a/include/client/login.inc.php
+++ b/include/client/login.inc.php
@@ -20,7 +20,7 @@ if ($content) {
<form action="login.php" method="post" id="clientLogin">
<?php csrf_token(); ?>
<div style="display:table-row">
- <div style="width:40%;display:table-cell;box-shadow: 12px 0 15px -15px rgba(0,0,0,0.4);padding:15px;">
+ <div class="login-box">
<strong><?php echo Format::htmlchars($errors['login']); ?></strong>
<div>
<input id="username" placeholder="<?php echo __('Email or Username'); ?>" type="text" name="luser" size="30" value="<?php echo $email; ?>">
diff --git a/index.php b/index.php
index 1d14f182ab63b83c8dd35a74ac8a56047bb9cf0d..2e526f6999014056b8fc491c0db74dfada677079 100644
--- a/index.php
+++ b/index.php
@@ -24,19 +24,25 @@ require(CLIENTINC_DIR.'header.inc.php');
else
echo '<h1>'.__('Welcome to the Support Center').'</h1>';
?>
- <div id="new_ticket">
+ <div id="new_ticket" class="pull-left">
<h3><?php echo __('Open a New Ticket');?></h3>
<br>
<div><?php echo __('Please provide as much detail as possible so we can best assist you. To update a previously submitted ticket, please login.');?></div>
- <p>
- <a href="open.php" class="green button"><?php echo __('Open a New Ticket');?></a>
- </p>
</div>
- <div id="check_status">
+ <div id="check_status" class="pull-right">
<h3><?php echo __('Check Ticket Status');?></h3>
<br>
<div><?php echo __('We provide archives and history of all your current and past support requests complete with responses.');?></div>
+ </div>
+
+ <div class="clear"></div>
+ <div class="front-page-button pull-left">
+ <p>
+ <a href="open.php" class="green button"><?php echo __('Open a New Ticket');?></a>
+ </p>
+ </div>
+ <div class="front-page-button pull-right">
<p>
<a href="view.php" class="blue button"><?php echo __('Check Ticket Status');?></a>
</p>