]> git.mxchange.org Git - jjobs-war.git/commitdiff
Please cherry-pick:
authorRoland Häder <roland@mxchange.org>
Fri, 29 Sep 2017 21:38:56 +0000 (23:38 +0200)
committerRoland Häder <roland@mxchange.org>
Fri, 19 Jul 2019 22:30:21 +0000 (00:30 +0200)
- merged default.css + layout.css into custom.css as this is really what it is
- however, these CSS classes/ids may fade step-by-step away in favour of jQuery
  UI theme
- table-medium CSS class was to much static and so not responsive, replaced all
  by table-full

Signed-off-by: Roland Häder <roland@mxchange.org>
web/WEB-INF/templates/admin/fax/admin_form_add_contact_fax.tpl
web/WEB-INF/templates/admin/landline/admin_form_add_contact_landline.tpl
web/WEB-INF/templates/base.tpl
web/WEB-INF/templates/guest/user/register/guest_form_register_page2.tpl
web/resources/css/custom.css [new file with mode: 0644]
web/resources/css/default.css [deleted file]
web/resources/css/layout.css [deleted file]

index e8bfe048242f6aaecb05f7fc4cb85d22e1c4e523..c5f81e08767747afebe5bedf8b29272dfb7c92c6 100644 (file)
@@ -10,7 +10,7 @@
        <widgets:outputMessageBox id="error-helper-contact-add-fax" message="#{msg.ERROR_BEAN_HELPER_CONTACT_NOT_SET}" messageStyleClass="alert-danger" rendered="#{empty beanHelper.contact}" />
 
        <h:form id="form_add_contact_fax" rendered="#{not empty beanHelper.contact}">
-               <h:panelGroup styleClass="table table-medium" layout="block">
+               <h:panelGroup styleClass="table table-full" layout="block">
                        <div class="table-header">
                                <h:outputText value="#{msg.ADMIN_ADD_CONTACT_FAX_NUMBER_FORM_TITLE}" />
                        </div>
index d2357275f8d4d25a221593f0d37b7a3fa4625919..fbf14e51b784839089d7918ff0ad1bfdd9cf2a88 100644 (file)
@@ -10,7 +10,7 @@
        <widgets:outputMessageBox id="error-helper-contact-add-landline" message="#{msg.ERROR_BEAN_HELPER_CONTACT_NOT_SET}" messageStyleClass="alert-danger" rendered="#{empty beanHelper.contact}" />
 
        <h:form id="form_add_contact_landline" rendered="#{not empty beanHelper.contact}">
-               <h:panelGroup styleClass="table table-medium" layout="block">
+               <h:panelGroup styleClass="table table-full" layout="block">
                        <div class="table-header">
                                <h:outputText value="#{msg.ADMIN_ADD_CONTACT_LAND_LINE_NUMBER_FORM_TITLE}" />
                        </div>
index 0dfccbb5417f84598ec4a5d23f0874c2d1772ada..0cafd0a465b91d60b497ab1cc22c1e966bf304c0 100644 (file)
@@ -23,8 +23,7 @@
                        <f:loadBundle var="msg" basename="org.mxchange.localization.bundle" />
                        <f:loadBundle var="project" basename="org.mxchange.localization.project" />
 
-                       <h:outputStylesheet name="/css/default.css" />
-                       <h:outputStylesheet name="/css/layout.css" />
+                       <h:outputStylesheet name="/css/custom.css" />
 
                        <title>
                                <h:outputText value="#{initParam['project_title']} - " />
index 547442b8abec46b97b2636717911eaf399785b93..0286393a91319b08e4888122530f2b18c3e2c7d2 100644 (file)
@@ -7,7 +7,7 @@
        xmlns:p="http://primefaces.org/ui">
 
        <h:form id="form_register_page2" rendered="#{featureController.isFeatureEnabled('user_registration')}">
-               <h:panelGroup styleClass="table table-medium" layout="block">
+               <h:panelGroup styleClass="table table-full" layout="block">
                        <div class="table-header">
                                <h:outputText value="#{msg.GUEST_REGISTRATION_PAGE2_TITLE}" />
                        </div>
diff --git a/web/resources/css/custom.css b/web/resources/css/custom.css
new file mode 100644 (file)
index 0000000..a967474
--- /dev/null
@@ -0,0 +1,315 @@
+body {
+       background-color: white;
+       font-size: 12px;
+       font-family: sans-serif;
+       color: black;
+       margin: 0px;
+}
+
+.page-header > h1 {
+       margin: 2px;
+}
+
+a:link, a:visited {
+       color: #045491;
+       text-decoration: none;
+}
+
+a:link:hover, a:visited:hover {
+       color: #045491;
+       text-decoration : underline;
+}
+
+.page-header {
+       background-color: steelblue;
+       color: white;
+       padding: 5px;
+}
+
+.page-content-gap {
+       height: 0.35em;
+       background-image: linear-gradient(steelblue, white);
+}
+
+.page-footer {
+       background-color: lightblue;
+       padding: 5px;
+       margin: 10px 0px 0px 0px;
+       overflow: auto;
+}
+
+#left-menu-container {
+       float: left;
+       background-color: khaki;
+       padding: 5px;
+       width: 170px;
+}
+
+.center_content {
+       position: relative;
+       background-color: #dddddd;
+       padding: 5px;
+}
+
+.content-container {
+       padding-right: 5px;
+       padding-bottom: 5px;
+       margin-left: 190px;
+}
+
+.table-footer {
+       margin: 2px;
+}
+
+.page-header a:link, .page-header a:visited {
+       color: white;
+       font-weight : bold;
+       text-decoration: none;
+}
+
+.page-header a:link:hover, .page-header a:visited:hover  {
+       color: black;
+       font-weight : bold;
+       text-decoration : underline;
+}
+
+table, .table {
+       margin: 0px;
+       padding: 0px;
+}
+
+.table {
+       width: 500px;
+}
+
+.table-footer {
+       margin: 2px;
+}
+
+.table-full {
+       margin: 0 auto;
+       width: 100%;
+}
+
+.table-row {
+       width: 100%;
+       min-height: 20px;
+       margin: 2px;
+       overflow: auto;
+}
+
+.para {
+       padding: 5px;
+}
+
+ul.navbar-horizontal, ul.navbar-mini {
+       display: block;
+       text-align: center;
+       list-style: none;
+       margin: 0px;
+       padding: 0px;
+}
+
+ul.navbar-horizontal li.navlink-horizontal, ul.navbar-mini li.navlink-mini {
+       display: block;
+       float: left;
+}
+
+ul.navbar-horizontal li.navlink-horizontal {
+       width: 100px;
+}
+
+ul.navbar-mini li.navlink-mini {
+       padding: 1px;
+}
+
+ul.navbar-horizontal li.footer-copyright {
+       float: right;
+       width: 300px;
+       margin-right: 10px;
+}
+
+.table-header {
+       text-align: center;
+       font-weight: bold;
+}
+
+.table-data-label, .table-data-field {
+       display: block;
+       border: 1px solid #aaaaaa;
+       border-top-right-radius: 8px;
+       border-bottom-left-radius: 8px;
+}
+
+.table-data-label {
+       font-weight: bold;
+       background-image: linear-gradient(#eeeeee, #aaaaaa);
+       height: 16px;
+       padding-left: 4px;
+}
+
+.table-data-field {
+       background-color: #f5f5f5;
+       vertical-align: top;
+       padding-top: 1px;
+       padding-bottom: 1px;
+       padding-left: 2px;
+       padding-right: 1px;
+       margin-top: 2px;
+       min-height: 15px;
+}
+
+#content-header {
+       border-color: grey;
+       background-image: linear-gradient(#eeeeee, #aaaaaa);
+       font-weight: bold;
+       font-size: 18px;
+       margin-bottom: 20px;
+       padding-left: 5px;
+       line-height: 20px;
+}
+
+.table-header-column {
+       width: 100px;
+}
+
+.table-header-column25 {
+       width: 25%;
+}
+
+.table-data-column {
+       width: 100px;
+}
+
+.item_price, .item_total_price {
+       text-align: right;
+}
+
+.alert-danger {
+       color: red;
+}
+
+.alert-danger:hover {
+       cursor: not-allowed;
+}
+
+.alert-warning {
+       color: orange;
+}
+
+.alert-info {
+       color: cornflowerblue;
+}
+
+.message-container {
+       border: 1px solid grey;
+       border-top-right-radius: 8px;
+       border-bottom-left-radius: 8px;
+       background-color: ghostwhite;
+}
+
+.message-medium {
+       width: 400px;
+}
+
+.message-auto {
+       margin: auto 0px;
+}
+
+.message-mini {
+       width: 160px;
+}
+
+.message-header {
+       border-bottom: 1px solid grey;
+       background-image: linear-gradient(#eeeeee, #aaaaaa);
+       border-top-right-radius: 8px;
+       line-height: 18px;
+       text-align: center;
+       font-weight: bold;
+}
+
+.user-status-confirmed, .customer-status-confirmed {
+       color: #00aa00;
+}
+
+.user-status-unconfirmed, .customer-status-unconfirmed {
+       color: #00aaaa;
+}
+
+.user-status-locked, .customer-status-locked {
+       color: #aa0000;
+}
+
+.link-warning {
+       color: #aaaa00;
+}
+
+.link-danger {
+       color: #aa0000;
+}
+
+.divider-right {
+       margin-right: 2px;
+}
+
+#content-header {
+       border: 1px solid grey;
+}
+
+#content-header, .input, .submit, .reset, .button-danger, .button-warning, .fieldset {
+       border-top-right-radius: 8px;
+       border-bottom-left-radius: 8px;
+}
+
+.fieldset {
+       padding: 5px;
+}
+
+#menu-content-wrapper {
+       overflow: auto;
+}
+
+.button-danger {
+       border-color: #ee0000;
+       background-color: #880000;
+       color: white;
+}
+
+.button-warning {
+       border-color: #eeee00;
+       background-color: #aaaa00;
+       color: white;
+}
+
+.button-danger:hover {
+       border-color: #dd0000;
+       background-color: #aa0000;
+       color: #eeeeee;
+}
+
+.button-warning:hover {
+       border-color: #dddd00;
+       background-color: #cccc00;
+       color: #eeeeee;
+}
+
+#menu-content-wrapper::after {
+       clear: both;
+}
+
+.table-row::after {
+       clear: both;
+}
+
+#footer::after {
+       clear: both;
+}
+
+.column-selector {
+       float: right;
+}
+
+.ui-noborder {
+       border: initial;
+}
diff --git a/web/resources/css/default.css b/web/resources/css/default.css
deleted file mode 100644 (file)
index 95568b9..0000000
+++ /dev/null
@@ -1,21 +0,0 @@
-body {
-       background-color: white;
-       font-size: 12px;
-       font-family: sans-serif;
-       color: black;
-       margin: 0px;
-}
-
-.page-header > h1 {
-       margin: 2px;
-}
-
-a:link, a:visited {
-       color: #045491;
-       text-decoration: none;
-}
-
-a:link:hover, a:visited:hover {
-       color: #045491;
-       text-decoration : underline;
-}
diff --git a/web/resources/css/layout.css b/web/resources/css/layout.css
deleted file mode 100644 (file)
index feb0149..0000000
+++ /dev/null
@@ -1,303 +0,0 @@
-/**
-div, table {
-       border: 1px solid #ff0000;
-}
-/**/
-
-.page-header {
-       background-color: steelblue;
-       color: white;
-       padding: 5px;
-}
-
-.page-content-gap {
-       height: 0.35em;
-       background-image: linear-gradient(steelblue, white);
-}
-
-.page-footer {
-       background-color: lightblue;
-       padding: 5px;
-       margin: 10px 0px 0px 0px;
-       overflow: auto;
-}
-
-#left-menu-container {
-       float: left;
-       background-color: khaki;
-       padding: 5px;
-       width: 170px;
-}
-
-.center_content {
-       position: relative;
-       background-color: #dddddd;
-       padding: 5px;
-}
-
-.content-container {
-       padding-right: 5px;
-       padding-bottom: 5px;
-       margin-left: 190px;
-}
-
-.table-footer {
-       margin: 2px;
-}
-
-.page-header a:link, .page-header a:visited {
-       color: white;
-       font-weight : bold;
-       text-decoration: none;
-}
-
-.page-header a:link:hover, .page-header a:visited:hover  {
-       color: black;
-       font-weight : bold;
-       text-decoration : underline;
-}
-
-table, .table, .table-medium {
-       margin: 0px;
-       padding: 0px;
-}
-
-.table {
-       width: 500px;
-}
-
-.table-footer {
-       margin: 2px;
-}
-
-.table-medium {
-       width: 650px;
-}
-
-.table-full {
-       margin: 0 auto;
-       width: 100%;
-}
-
-.table-row {
-       width: 100%;
-       min-height: 20px;
-       margin: 2px;
-       overflow: auto;
-}
-
-.para {
-       padding: 5px;
-}
-
-ul.navbar-horizontal, ul.navbar-mini {
-       display: block;
-       text-align: center;
-       list-style: none;
-       margin: 0px;
-       padding: 0px;
-}
-
-ul.navbar-horizontal li.navlink-horizontal, ul.navbar-mini li.navlink-mini {
-       display: block;
-       float: left;
-}
-
-ul.navbar-horizontal li.navlink-horizontal {
-       width: 100px;
-}
-
-ul.navbar-mini li.navlink-mini {
-       padding: 1px;
-}
-
-ul.navbar-horizontal li.footer-copyright {
-       float: right;
-       width: 300px;
-       margin-right: 10px;
-}
-
-.table-header {
-       text-align: center;
-       font-weight: bold;
-}
-
-.table-data-label, .table-data-field {
-       display: block;
-       border: 1px solid #aaaaaa;
-       border-top-right-radius: 8px;
-       border-bottom-left-radius: 8px;
-}
-
-.table-data-label {
-       font-weight: bold;
-       background-image: linear-gradient(#eeeeee, #aaaaaa);
-       height: 16px;
-       padding-left: 4px;
-}
-
-.table-data-field {
-       background-color: #f5f5f5;
-       vertical-align: top;
-       padding-top: 1px;
-       padding-bottom: 1px;
-       padding-left: 2px;
-       padding-right: 1px;
-       margin-top: 2px;
-       min-height: 15px;
-}
-
-#content-header {
-       border-color: grey;
-       background-image: linear-gradient(#eeeeee, #aaaaaa);
-       font-weight: bold;
-       font-size: 18px;
-       margin-bottom: 20px;
-       padding-left: 5px;
-       line-height: 20px;
-}
-
-.table-header-column {
-       width: 100px;
-}
-
-.table-header-column25 {
-       width: 25%;
-}
-
-.table-data-column {
-       width: 100px;
-}
-
-.item_price, .item_total_price {
-       text-align: right;
-}
-
-.alert-danger {
-       color: red;
-}
-
-.alert-danger:hover {
-       cursor: not-allowed;
-}
-
-.alert-warning {
-       color: orange;
-}
-
-.alert-info {
-       color: cornflowerblue;
-}
-
-.message-container {
-       border: 1px solid grey;
-       border-top-right-radius: 8px;
-       border-bottom-left-radius: 8px;
-       background-color: ghostwhite;
-}
-
-.message-medium {
-       width: 400px;
-}
-
-.message-auto {
-       margin: auto 0px;
-}
-
-.message-mini {
-       width: 160px;
-}
-
-.message-header {
-       border-bottom: 1px solid grey;
-       background-image: linear-gradient(#eeeeee, #aaaaaa);
-       border-top-right-radius: 8px;
-       line-height: 18px;
-       text-align: center;
-       font-weight: bold;
-}
-
-.user-status-confirmed, .customer-status-confirmed {
-       color: #00aa00;
-}
-
-.user-status-unconfirmed, .customer-status-unconfirmed {
-       color: #00aaaa;
-}
-
-.user-status-locked, .customer-status-locked {
-       color: #aa0000;
-}
-
-.link-warning {
-       color: #aaaa00;
-}
-
-.link-danger {
-       color: #aa0000;
-}
-
-.divider-right {
-       margin-right: 2px;
-}
-
-#content-header {
-       border: 1px solid grey;
-}
-
-#content-header, .input, .submit, .reset, .button-danger, .button-warning, .fieldset {
-       border-top-right-radius: 8px;
-       border-bottom-left-radius: 8px;
-}
-
-.fieldset {
-       padding: 5px;
-}
-
-#menu-content-wrapper {
-       overflow: auto;
-}
-
-.button-danger {
-       border-color: #ee0000;
-       background-color: #880000;
-       color: white;
-}
-
-.button-warning {
-       border-color: #eeee00;
-       background-color: #aaaa00;
-       color: white;
-}
-
-.button-danger:hover {
-       border-color: #dd0000;
-       background-color: #aa0000;
-       color: #eeeeee;
-}
-
-.button-warning:hover {
-       border-color: #dddd00;
-       background-color: #cccc00;
-       color: #eeeeee;
-}
-
-#menu-content-wrapper::after {
-       clear: both;
-}
-
-.table-row::after {
-       clear: both;
-}
-
-#footer::after {
-       clear: both;
-}
-
-.column-selector {
-       float: right;
-}
-
-.ui-noborder {
-       border: initial;
-}