Implement Ronalds CSS patches

This commit is contained in:
Mark Schouten 2014-05-21 17:31:05 +02:00
parent 90ee4dfea0
commit 31c91d95ee
2 changed files with 109 additions and 21 deletions

View file

@ -7,7 +7,6 @@ body, html {
#wrap { #wrap {
} }
#menu { #menu {
width: 10%; width: 10%;
float: left; float: left;
@ -17,10 +16,103 @@ body, html {
font-size: 14px; font-size: 14px;
line-height: 1.3; line-height: 1.3;
} }
.tables { .tables {
float: right; float: right;
width: 89%; width: 89%;
min-width: 500px; min-width: 500px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.loginblock {
box-shadow: 0 0 7px -2px #D3D3D3;
display: block;
margin: 0 auto;
padding: 30px;
width: 450px;
}
.logo {
margin: 0 0 30px;
}
input {
border: 1px solid #D3D3D3;
box-shadow: 0 -2px 3px -2px #D3D3D3 inset;
padding: 7px;
}
input[type="submit"] {
background: none repeat scroll 0 0 #000000;
border: medium none;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
padding: 8px;
}
.label {
display: block;
margin: 0 10px 0 0;
}
#menu ul li {
list-style: none outside none;
}
#menu ul li a {
color: #000000;
font-weight: bold;
text-decoration: none;
}
#menu ul li a:hover {
text-shadow: 1px 1px 1px #D3D3D3;
}
#MasterZones {
margin: 0 0 50px;
}
img.list {
cursor: pointer;
}
/* overrides jtable.css */
div.jtable-main-container > div.jtable-title {
background-color: #FFFFFF;
padding-left: 0px;
}
div.jtable-main-container > table.jtable > thead {
background-color: #ABABAB;
}
div.jtable-main-container > div.jtable-title div.jtable-title-text {
color: #000000;
font-weight: bold;
}
div.jtable-main-container div.jtable-title div.jtable-toolbar {
margin-right: 0px;
}
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
background-color: #000000;
border-radius: 8px 8px 0 0;
color: #FFFFFF;
padding: 6px;
}
td .jtable-main-container {
box-shadow: 0 0 10px -2px #D3D3D3;
margin: 0 30px 40px;
}
div.jtable-main-container > div.jtable-bottom-panel {
background: none repeat scroll 0 0 #FFFFFF;
border: medium none;
color: #000000;
padding: 5px 0 0;
}
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
background-color: #000000;
color: #FFFFFF;
margin: 1px;
padding: 5px 9px;
cursor: pointer;
}
select {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #F5F5F5;
cursor: pointer;
padding: 6px;
}
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
cursor: default;
padding: 8px;
}

View file

@ -17,20 +17,23 @@ if (!is_logged_in() and $_POST['formname'] == "loginform") {
} }
} }
if (!is_logged_in()) { ?>
?>
<html> <html>
<head> <head>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="jquery/css/ui-lightness/jquery-ui-1.10.4.min.css" rel="stylesheet" type="text/css" /> <link href="jquery/css/ui-lightness/jquery-ui-1.10.4.min.css" rel="stylesheet" type="text/css" />
<link href="jtable/themes/metro/lightgray/jtable.css" rel="stylesheet" type="text/css" /> <link href="jtable/themes/metro/lightgray/jtable.css" rel="stylesheet" type="text/css" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
<script src="jquery/js/jquery-1.10.2.js" type="text/javascript"></script> <script src="jquery/js/jquery-1.10.2.js" type="text/javascript"></script>
<script src="jquery/js/jquery-ui-1.10.4.min.js" type="text/javascript"></script> <script src="jquery/js/jquery-ui-1.10.4.min.js" type="text/javascript"></script>
<script src="jtable/jquery.jtable.min.js" type="text/javascript"></script> <script src="jtable/jquery.jtable.min.js" type="text/javascript"></script>
</head> </head>
<?
if (!is_logged_in()) {
?>
<body onload="document.getElementById('username').focus()"> <body onload="document.getElementById('username').focus()">
<div> <div class="loginblock">
<div class="logo">
<img src="https://www.tuxis.nl/wp-content/uploads/2012/01/header.png" alt="Logo" /> <img src="https://www.tuxis.nl/wp-content/uploads/2012/01/header.png" alt="Logo" />
</div> </div>
<div class="login"> <div class="login">
@ -41,20 +44,22 @@ if (!is_logged_in()) {
<form action="index.php" method="post"> <form action="index.php" method="post">
<table> <table>
<tr> <tr>
<td>Gebruikersnaam:</td> <td class="label">Gebruikersnaam:</td>
<td><input id="username" type="text" name="username"/></td> <td><input id="username" type="text" name="username"/></td>
</tr> </tr>
<tr> <tr>
<td>Wachtwoord:</td> <td class="label">Wachtwoord:</td>
<td><input type="password" name="password"/></td> <td><input type="password" name="password"/></td>
</tr> </tr>
<tr> <tr>
<td colspan="2"><input type="submit" name="submit" value="Inloggen"/></td> <td></td>
<td><input type="submit" name="submit" value="Inloggen"/></td>
</tr> </tr>
</table> </table>
<input type="hidden" name="formname" value="loginform"/> <input type="hidden" name="formname" value="loginform"/>
</form> </form>
</div> </div>
</div>
</body> </body>
</html> </html>
@ -83,15 +88,6 @@ if (isset($templatelist)) {
} }
?> ?>
<html>
<head>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="jquery/css/ui-lightness/jquery-ui-1.10.4.min.css" rel="stylesheet" type="text/css" />
<link href="jtable/themes/metro/lightgray/jtable.css" rel="stylesheet" type="text/css" />
<script src="jquery/js/jquery-1.10.2.js" type="text/javascript"></script>
<script src="jquery/js/jquery-ui-1.10.4.min.js" type="text/javascript"></script>
<script src="jtable/jquery.jtable.min.js" type="text/javascript"></script>
</head>
<body> <body>
<div id="wrap"> <div id="wrap">
<div id="menu" class="jtable-main-container"> <div id="menu" class="jtable-main-container">
@ -216,7 +212,7 @@ if (isset($templatelist)) {
edit: false, edit: false,
create: false, create: false,
display: function(zone) { display: function(zone) {
var $img = $('<img src="jtable/themes/metro/list.png" title="Records" />'); var $img = $('<img class="list" src="jtable/themes/metro/list.png" title="Records" />');
$img.click(function() { $img.click(function() {
$('#MasterZones').jtable('openChildTable', $('#MasterZones').jtable('openChildTable',
$img.closest('tr'), { $img.closest('tr'), {
@ -323,7 +319,7 @@ if (isset($templatelist)) {
edit: false, edit: false,
create: false, create: false,
display: function(zone) { display: function(zone) {
var $img = $('<img src="jtable/themes/metro/list.png" title="Records" />'); var $img = $('<img class="list" src="jtable/themes/metro/list.png" title="Records" />');
$img.click(function() { $img.click(function() {
$('#MasterZones').jtable('openChildTable', $('#MasterZones').jtable('openChildTable',
$img.closest('tr'), { $img.closest('tr'), {