Moved inline styles in external css files

This commit is contained in:
Alex Tselegidis 2020-09-07 13:51:50 +03:00
parent 6c1af6dc71
commit b4ad00d9f3
18 changed files with 268 additions and 273 deletions

View file

@ -14,10 +14,11 @@
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/cookieconsent/cookieconsent.min.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/frontend.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
<script src="<?= asset_url('assets/ext/fontawesome/js/all.min.js') ?>"></script>
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
<link rel="icon" sizes="192x192" href="<?= asset_url('assets/img/logo.png') ?>">
<script src="<?= asset_url('assets/ext/fontawesome/js/all.min.js') ?>"></script>
</head>
<body>

View file

@ -9,10 +9,11 @@
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/frontend.css') ?>">
<script src="<?= asset_url('assets/ext/fontawesome/js/all.min.js') ?>"></script>
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
<link rel="icon" sizes="192x192" href="<?= asset_url('assets/img/logo.png') ?>">
<script src="<?= asset_url('assets/ext/fontawesome/js/all.min.js') ?>"></script>
</head>
<body>
<div id="main" class="container">

View file

@ -5,7 +5,8 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#35A768">
<title><?= $message_title ?></title>
<title><?= $message_title ?></title>
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/frontend.css') ?>">

View file

@ -1,11 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title><?= $company_name ?> | Easy!Appointments</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
<title><?= $company_name ?> | Easy!Appointments</title>
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.css') ?>">
@ -15,7 +14,16 @@
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/backend.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
<script src="<?= asset_url('assets/ext/jquery/jquery.min.js') ?>"></script>
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
<link rel="icon" sizes="192x192" href="<?= asset_url('assets/img/logo.png') ?>">
<script>
// Global JavaScript Variables - Used in all backend pages.
var availableLanguages = <?= json_encode(config('available_languages')) ?>;
var EALang = <?= json_encode($this->lang->language) ?>;
</script>
<script src="<?= asset_url('assets/ext/jquery/jquery.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/bootstrap/js/bootstrap.bundle.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/jquery-qtip/jquery.qtip.min.js') ?>"></script>
@ -23,12 +31,6 @@
<script src="<?= asset_url('assets/ext/trumbowyg/trumbowyg.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/select2/select2.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/fontawesome/js/all.min.js') ?>"></script>
<script>
// Global JavaScript Variables - Used in all backend pages.
var availableLanguages = <?= json_encode(config('available_languages')) ?>;
var EALang = <?= json_encode($this->lang->language) ?>;
</script>
</head>
<body>

View file

@ -5,11 +5,15 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#35A768">
<title><?= lang('page_not_found') . ' - ' . $company_name ?></title>
<title><?= lang('page_not_found') . ' - ' . $company_name ?></title>
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/error404.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
<link rel="icon" sizes="192x192" href="<?= asset_url('assets/img/logo.png') ?>">
<script>
var EALang = <?= json_encode($this->lang->language) ?>;
@ -20,45 +24,6 @@
<script src="<?= asset_url('assets/ext/datejs/date.min.js') ?>"></script>
<script src="<?= asset_url('assets/js/polyfill.js') ?>"></script>
<script src="<?= asset_url('assets/js/general_functions.js') ?>"></script>
<style>
body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #F2F2F2;
}
#message-frame {
width: 630px;
margin: auto;
background: #FFF;
border: 1px solid #DDDADA;
padding: 70px;
}
.btn {
margin-right: 10px;
}
@media(max-width: 640px) {
body {
display: block;
}
#message-frame {
width: 100%;
height: 100%;
padding: 20px;
}
.btn {
width: 100%;
margin-bottom: 20px;
}
}
</style>
</head>
<body>
<div id="message-frame" class="frame-container">

View file

@ -1,51 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Easy!Appointments - Installation</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Easy!Appointments - Installation</title>
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url ('assets/ext/jquery-ui/jquery-ui.min.css')?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/installation.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
<style>
header {
background: #DAFFEB;
margin-bottom: 25px;
}
.content {
margin: 32px;
max-width: 980px;
}
.alert {
margin: 25px 0 10px 0;
}
footer {
padding: 10px 35px;
background-color: #FAFAFA;
margin-top: 20px;
border-top: 1px solid #EEE;
}
#loading {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background: rgba(255, 255, 255, 0.75);
}
#loading img {
margin: auto;
display: block;
}
</style>
</head>
<body>
<div id="loading" class="d-none">

View file

@ -1,41 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Easy!Appointments - Update</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Easy!Appointments - Update</title>
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url ('assets/ext/jquery-ui/jquery-ui.min.css')?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/update.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
<style>
html {
position: relative;
min-height: 100%;
}
.header {
background: #DAFFEB;
}
h3 {
margin-bottom: 40px;
}
.content {
margin-top: 30px;
}
footer {
position: absolute;
bottom: 0;
width: 100%;
background-color: #f5f5f5;
padding: 15px 40px;
}
</style>
</head>
<body>
<div class="container-fluid header">

View file

@ -8,50 +8,15 @@
<title><?= lang('forgot_your_password') . ' - ' . $company_name ?></title>
<script src="<?= asset_url('assets/ext/jquery/jquery.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/bootstrap/js/bootstrap.bundle.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/datejs/date.min.js') ?>"></script>
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/logout.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
<script>
var EALang = <?= json_encode($this->lang->language) ?>;
</script>
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
<link rel="icon" sizes="192x192" href="<?= asset_url('assets/img/logo.png') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.css') ?>">
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
<style>
body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #F2F2F2;
}
#forgot-password-frame {
width: 630px;
margin: auto;
background: #FFF;
border: 1px solid #DDDADA;
padding: 70px;
}
.user-login {
margin-left: 20px;
}
@media(max-width: 640px) {
#forgot-password-frame {
width: 100%;
padding: 20px;
}
}
</style>
<script>
<script>
var GlobalVariables = {
csrfToken: <?= json_encode($this->security->get_csrf_hash()) ?>,
baseUrl: <?= json_encode(config('base_url')) ?>,
@ -60,7 +25,12 @@
};
var EALang = <?= json_encode($this->lang->language) ?>;
</script>
</script>
<script src="<?= asset_url('assets/ext/jquery/jquery.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/bootstrap/js/bootstrap.bundle.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/datejs/date.min.js') ?>"></script>
</head>
<body>
<div id="forgot-password-frame" class="frame-container">

View file

@ -7,41 +7,13 @@
<meta name="theme-color" content="#35A768">
<title><?= lang('login') . ' - ' . $company_name ?></title>
<script src="<?= asset_url('assets/ext/jquery/jquery.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/bootstrap/js/bootstrap.bundle.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/datejs/date.min.js') ?>"></script>
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/login.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
<style>
body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #F2F2F2;
}
#login-frame {
width: 630px;
margin: auto;
background: #FFF;
border: 1px solid #DDDADA;
padding: 70px;
}
@media(max-width: 640px) {
#login-frame {
width: 100%;
padding: 20px;
}
}
</style>
<link rel="icon" sizes="192x192" href="<?= asset_url('assets/img/logo.png') ?>">
<script>
var GlobalVariables = {
@ -60,6 +32,11 @@
GeneralFunctions.enableLanguageSelection($('#select-language'));
});
</script>
<script src="<?= asset_url('assets/ext/jquery/jquery.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/bootstrap/js/bootstrap.bundle.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/datejs/date.min.js') ?>"></script>
</head>
<body>
<div id="login-frame" class="frame-container">

View file

@ -8,54 +8,20 @@
<title><?= lang('log_out') . ' - ' . $company_name ?></title>
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/login.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
<script src="<?= asset_url('assets/ext/jquery/jquery.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/bootstrap/js/bootstrap.bundle.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/fontawesome/js/all.min.js') ?>"></script>
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
<link rel="icon" sizes="192x192" href="<?= asset_url('assets/img/logo.png') ?>">
<script>
<script>
var EALang = <?= json_encode($this->lang->language) ?>;
</script>
</script>
<link
rel="stylesheet"
type="text/css"
href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
<style>
body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #F2F2F2;
}
#logout-frame {
width: 630px;
margin: auto;
background: #FFF;
border: 1px solid #DDDADA;
padding: 70px;
}
.btn {
margin-right: 10px;
}
@media(max-width: 640px) {
#logout-frame {
width: 100%;
padding: 20px;
}
.btn {
width: 100%;
margin-bottom: 20px;
}
}
</style>
<script src="<?= asset_url('assets/ext/jquery/jquery.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/bootstrap/js/bootstrap.bundle.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/fontawesome/js/all.min.js') ?>"></script>
</head>
<body>
<div id="logout-frame" class="frame-container">

View file

@ -8,46 +8,15 @@
<title><?= lang('no_privileges') . ' - ' . $company_name ?></title>
<script src="<?= asset_url('assets/ext/jquery/jquery.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/bootstrap/js/bootstrap.bundle.min.js') ?>"></script>
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/no_privileges.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
<link rel="icon" sizes="192x192" href="<?= asset_url('assets/img/logo.png') ?>">
<style>
body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #F2F2F2;
}
#no-priv-frame {
width: 630px;
margin: auto;
background: #FFF;
border: 1px solid #DDDADA;
padding: 70px;
}
.btn {
margin-right: 10px;
}
@media(max-width: 640px) {
#no-priv-frame {
width: 100%;
padding: 20px;
}
.btn {
width: 100%;
margin-bottom: 20px;
}
}
</style>
<script src="<?= asset_url('assets/ext/jquery/jquery.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/bootstrap/js/bootstrap.bundle.min.js') ?>"></script>
</head>
<body>
<div id="no-priv-frame" class="frame-container">

36
assets/css/error404.css Normal file
View file

@ -0,0 +1,36 @@
body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #F2F2F2;
}
#message-frame {
width: 630px;
margin: auto;
background: #FFF;
border: 1px solid #DDDADA;
padding: 70px;
}
.btn {
margin-right: 10px;
}
@media(max-width: 640px) {
body {
display: block;
}
#message-frame {
width: 100%;
height: 100%;
padding: 20px;
}
.btn {
width: 100%;
margin-bottom: 20px;
}
}

View file

@ -0,0 +1,26 @@
body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #F2F2F2;
}
#forgot-password-frame {
width: 630px;
margin: auto;
background: #FFF;
border: 1px solid #DDDADA;
padding: 70px;
}
.user-login {
margin-left: 20px;
}
@media(max-width: 640px) {
#forgot-password-frame {
width: 100%;
padding: 20px;
}
}

View file

@ -0,0 +1,35 @@
header {
background: #DAFFEB;
margin-bottom: 25px;
}
.content {
margin: 32px;
max-width: 980px;
}
.alert {
margin: 25px 0 10px 0;
}
footer {
padding: 10px 35px;
background-color: #FAFAFA;
margin-top: 20px;
border-top: 1px solid #EEE;
}
#loading {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background: rgba(255, 255, 255, 0.75);
}
#loading img {
margin: auto;
display: block;
}

22
assets/css/login.css Normal file
View file

@ -0,0 +1,22 @@
body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #F2F2F2;
}
#login-frame {
width: 630px;
margin: auto;
background: #FFF;
border: 1px solid #DDDADA;
padding: 70px;
}
@media(max-width: 640px) {
#login-frame {
width: 100%;
padding: 20px;
}
}

31
assets/css/logout.css Normal file
View file

@ -0,0 +1,31 @@
body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #F2F2F2;
}
#logout-frame {
width: 630px;
margin: auto;
background: #FFF;
border: 1px solid #DDDADA;
padding: 70px;
}
.btn {
margin-right: 10px;
}
@media(max-width: 640px) {
#logout-frame {
width: 100%;
padding: 20px;
}
.btn {
width: 100%;
margin-bottom: 20px;
}
}

View file

@ -0,0 +1,31 @@
body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #F2F2F2;
}
#no-priv-frame {
width: 630px;
margin: auto;
background: #FFF;
border: 1px solid #DDDADA;
padding: 70px;
}
.btn {
margin-right: 10px;
}
@media(max-width: 640px) {
#no-priv-frame {
width: 100%;
padding: 20px;
}
.btn {
width: 100%;
margin-bottom: 20px;
}
}

24
assets/css/update.css Normal file
View file

@ -0,0 +1,24 @@
html {
position: relative;
min-height: 100%;
}
.header {
background: #DAFFEB;
}
h3 {
margin-bottom: 40px;
}
.content {
margin-top: 30px;
}
footer {
position: absolute;
bottom: 0;
width: 100%;
background-color: #f5f5f5;
padding: 15px 40px;
}