diff --git a/tpDEsign/core/css/guest.css b/tpDEsign/core/css/guest.css
new file mode 100644
index 0000000..922c650
--- /dev/null
+++ b/tpDEsign/core/css/guest.css
@@ -0,0 +1,920 @@
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; cursor:default; }
+html { height:100%; }
+article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
+body { line-height:1.5; }
+table { border-collapse:separate; border-spacing:0; white-space:nowrap; }
+caption, th, td { text-align:left; font-weight:normal; }
+table, td, th { vertical-align:middle; }
+a { border:0; color:#0f161d; text-decoration:none;}
+a, a *, input, input *, select, .button span, label { cursor:pointer; }
+ul { list-style:none; }
+
+body {
+ font-weight: normal;
+ font-size: 18px;
+ line-height: 1.6em;
+ font-family: 'Saira Condensed', sans-serif;
+ color: #0f161d;
+ text-align: center;
+ background-color: #0f161d;
+ background-image: url('../img/bg_login.jpg');
+ /* background-position: 50% 50%; */
+ background-repeat:no-repeat;
+ background-size: 100%;
+ background-attachment:inherit;
+ min-height: 80%; /* fix sticky footer */
+ height: auto;
+}
+
+/* Various fonts settings */
+#body-login a {
+ color: #0f161d !important;
+ font-weight: 600;
+}
+#body-login a:not(.button):hover,
+#body-login a:not(.button):focus {
+ /* text-decoration: underline; */
+ color: #d66a06;
+ text-decoration-skip-ink: auto;
+}
+
+#showAdvanced {
+ color: #0f161d;
+}
+
+em {
+ font-style: normal;
+ opacity: .5;
+}
+
+/* heading styles */
+h2,
+h3,
+h4 {
+ font-weight: bold;
+}
+
+h2 {
+ font-size: 22px;
+ margin-bottom: 12px;
+ line-height: 140%;
+}
+h3 {
+ font-size: 18px;
+ margin: 12px 0;
+}
+
+/* Global content */
+body {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+#header .logo {
+ background-image: url('../img/logo/logo_login.png');
+ background-repeat: no-repeat;
+ background-size: 256px;
+ background-position: center;
+ width: 256px;
+ min-height: 128px;
+ max-height: 200px;
+ margin: 0 auto;
+ position: relative;
+ left: unset;
+}
+
+#header .logo img {
+ opacity: 0;
+ max-width: 100%;
+ max-height: 200px;
+}
+
+.wrapper {
+ width: 100%;
+ max-width: 500px;
+ margin-top: 170px !important;
+ /* margin-top: 10vh; */
+ /* margin-right: 800px !important; */
+}
+
+/* Default FORM */
+form {
+ position: relative;
+ margin: auto;
+ padding: 0;
+}
+form fieldset {
+ width: 260px;
+ margin: auto auto 20px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+form #sqliteInformation {
+ margin-top: -20px;
+ margin-bottom: 20px;
+}
+form #adminaccount {
+ margin-bottom: 15px;
+}
+form fieldset legend, #datadirContent label {
+ width: 100%;
+}
+#datadirContent label {
+ display: block;
+ margin: 0;
+}
+form #datadirField legend {
+ margin-bottom: 15px;
+}
+
+/* View more button */
+#showAdvanced {
+ padding: 13px; /* increase clickable area of Advanced dropdown */
+}
+#showAdvanced img {
+ vertical-align: middle; /* adjust position of Advanced dropdown arrow */
+}
+
+/* Buttons and input */
+#submit-wrapper,
+#reset-password-wrapper,
+#alternative-logins {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative; /* Make the wrapper the containing block of its
+ absolutely positioned descendant icons */
+}
+
+#alternative-logins {
+ margin: auto;
+ display: block;
+ min-width: 260px;
+ max-width: 400px;
+ overflow: hidden;
+}
+
+#alternative-logins a {
+ margin: 10px 5px;
+ display: block;
+ font-size: 15px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+#alternative-logins a.button::before {
+ content: "";
+ background-repeat: no-repeat;
+ background-size: contain;
+ width: 0;
+ margin-right: 0;
+ height: 18px;
+ display: inline-block;
+ vertical-align: bottom;
+}
+
+#alternative-logins .button {
+ color: #0082c9;
+ padding: 12px 20px;
+}
+
+@media only screen and (max-width: 1024px) {
+ .wrapper {
+ margin-top: 0;
+ }
+ #alternative-logins {
+ margin: auto;
+ }
+}
+
+
+#submit-wrapper .submit-icon,
+#reset-password-wrapper .submit-icon {
+ position: absolute;
+ top: 22px;
+ right: 24px;
+ transition: right 100ms ease-in-out;
+ pointer-events: none; /* The submit icon is positioned on the submit button.
+ From the user point of view the icon is part of the
+ button, so the clicks on the icon have to be
+ applied to the button instead. */
+}
+
+#submit-wrapper {
+ margin: 0 auto;
+}
+
+#submit-wrapper input.login:hover ~ .submit-icon.icon-confirm-white,
+#submit-wrapper input.login:focus ~ .submit-icon.icon-confirm-white,
+#submit-wrapper input.login:active ~ .submit-icon.icon-confirm-white {
+ right: 20px;
+}
+
+#reset-password-submit {
+ padding: 10px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+#submit-wrapper .icon-loading-small {
+ position: absolute;
+ top: 22px;
+ right: 26px;
+}
+
+
+input, textarea, select, button, div[contenteditable=true] {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+}
+input,
+input:not([type='range']),
+a.button {
+ font-size: 20px;
+ margin: 5px;
+ padding: 11px 10px 9px;
+ outline: none;
+ border-radius: 3px; /* --border-radius */
+ -webkit-appearance: none;
+}
+input[type='submit'],
+input[type='submit'].icon-confirm,
+input[type='button'],
+button,
+a.button,
+.button,
+select {
+ display: inline-block;
+ width: auto;
+ min-width: 25px;
+ padding: 12px;
+ background-color: white;
+ font-weight: bold;
+ color: #555;
+ border: none;
+ border-radius: 100px; /* --border-radius-pill */
+ cursor: pointer;
+}
+input[type='text'],
+input[type='tel'],
+input[type='password'],
+input[type='email'] {
+ width: 249px;
+ background: #fff;
+ color: #555;
+ cursor: text;
+ font-family: inherit;
+ -webkit-appearance: textfield;
+ -moz-appearance: textfield;
+ box-sizing: content-box;
+ border: none;
+ font-weight: normal;
+}
+input[type='password'].password-with-toggle, input[type='text'].password-with-toggle {
+ width: 219px;
+ padding-right: 40px;
+}
+.toggle-password {
+ position: absolute;
+ top: 17px;
+ right: 20px;
+}
+input.login {
+ width: 260px;
+ height: 50px;
+ background-position: right 16px center;
+}
+input[type='submit'],
+input[type='submit'].icon-confirm,
+input.updateButton,
+input.update-continue {
+ padding: 10px 20px; /* larger log in and installation buttons */
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.updateAnyways a.updateAnywaysButton {
+ font-size: 14px;
+ padding: 10px 20px;
+ color: #666 !important;
+ display: inline-block;
+ border-radius: 100px; /* --border-radius-pill */
+ margin: 15px 5px;
+}
+.updateAnyways a.updateAnywaysButton:hover {
+ color: #222 !important;
+}
+
+/* Get rid of the inside dotted line in Firefox */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+}
+
+input.primary,
+button.primary,
+a.primary {
+ border: 1px solid #0f161d;
+ background-color: #232e3a;
+ color: #f3f3f3;
+ transition: color 100ms ease-in-out;
+}
+
+input.primary:not(:disabled):hover,
+input.primary:not(:disabled):focus,
+button.primary:not(:disabled):hover,
+button.primary:not(:disabled):focus,
+a.primary:not(:disabled):hover,
+a.primary:not(:disabled):focus {
+ color: rgba(255, 255, 255, .8);
+}
+
+/* Checkboxes - white only for login */
+input[type='checkbox'].checkbox {
+ position: absolute;
+ left: -10000px;
+ top: auto;
+ width: 1px;
+ height: 1px;
+ overflow: hidden;
+}
+input[type='checkbox'].checkbox + label {
+ user-select: none;
+}
+input[type='checkbox'].checkbox:disabled + label,
+input[type='checkbox'].checkbox:disabled + label:before {
+ cursor: default;
+}
+input[type='checkbox'].checkbox + label:before {
+ content: '';
+ display: inline-block;
+ vertical-align: middle;
+ margin: 3px;
+ margin-top: 1px;
+ border: 1px solid #888;
+ border-radius: 1px;
+ height: 10px;
+ width: 10px;
+ background-position: center;
+}
+input[type='checkbox'].checkbox--white + label:before {
+ border-color: #ddd;
+}
+input[type='checkbox'].checkbox--white:not(:disabled):not(:checked) + label:hover:before,
+input[type='checkbox'].checkbox--white:focus + label:before {
+ border-color: #fff;
+}
+input[type='checkbox'].checkbox--white:checked + label:before {
+ background-color: #eee;
+ border-color: #eee;
+}
+input[type='checkbox'].checkbox--white:disabled + label:before {
+ background-color: #666 !important;
+ border-color: #999 !important;
+}
+input[type='checkbox'].checkbox--white:checked:disabled + label:before {
+ border-color: #666;
+ background-color: #222;
+}
+input[type='checkbox'].checkbox--white:checked + label:before {
+ background-color: transparent !important;
+ border-color: #fff !important;
+ background-image: url('../img/actions/checkbox-mark-white.svg');
+}
+
+/* Password strength meter */
+.strengthify-wrapper {
+ display: inline-block;
+ position: relative;
+ left: 5px;
+ top: -20px;
+ width: 269px;
+ border-radius: 0 0 3px 3px;
+ overflow: hidden;
+ height: 3px;
+}
+.tooltip-inner {
+ font-weight: bold;
+ color: #ccc;
+ padding: 3px 6px;
+ text-align: center;
+}
+
+/* Show password toggle */
+#show, #dbpassword-toggle {
+ position: absolute;
+ right: 1em;
+ top: .8em;
+ float: right;
+}
+#show + label, #dbpassword-toggle + label {
+ right: 21px;
+ top: 15px !important;
+ margin: -14px !important;
+ padding: 14px !important;
+}
+#show:checked + label, #dbpassword-toggle:checked + label, #personal-show:checked + label {
+ opacity: .8;
+}
+#show + label, #dbpassword-toggle + label, #personal-show + label {
+ position: absolute !important;
+ height: 20px;
+ width: 24px;
+ background-image: url('../img/actions/toggle.svg?v=1');
+ background-repeat: no-repeat;
+ background-position: center;
+ opacity: .3;
+}
+#show + label:before, #dbpassword-toggle + label:before, #personal-show + label:before {
+ display: none;
+}
+/* Feedback for keyboard focus and mouse hover */
+#show:focus + label, #dbpassword-toggle:focus + label, #personal-show:focus + label,
+#show + label:hover, #dbpassword-toggle + label:hover, #personal-show + label:hover {
+ opacity: 1;
+}
+#pass2, input[name='personal-password-clone'] {
+ padding: .6em 2.5em .4em .4em;
+ width: 8em;
+}
+#personal-show + label {
+ height: 14px;
+ margin-top: -25px;
+ left: 295px;
+ display: block;
+}
+#passwordbutton {
+ margin-left: .5em;
+}
+
+/* Dark subtle label text */
+p.info,
+form fieldset legend,
+#datadirContent label,
+form fieldset .warning-info,
+form input[type='checkbox']+label {
+ text-align: center;
+ color: #fff;
+}
+/* overrides another !important statement that sets this to unreadable black */
+form .warning input[type='checkbox']:hover+label,
+form .warning input[type='checkbox']:focus+label,
+form .warning input[type='checkbox']+label {
+ color: #fff !important;
+}
+
+.body-login-container.two-factor {
+ max-width: 290px;
+ margin: 15px auto 0;
+}
+.two-factor-provider {
+ display: flex;
+ border-radius: 3px; /* --border-radius */
+ margin: 12px 0;
+ border: 1px solid transparent;
+ text-align: left;
+ align-items: center;
+ text-decoration: none !important;
+}
+.two-factor-provider:hover,
+.two-factor-provider:focus,
+.two-factor-provider:active {
+ border: 1px solid #fff;
+}
+.two-factor-provider img {
+ width: 64px;
+ height: 64px;
+ padding: 0 12px;
+}
+.two-factor-provider div {
+ margin: 12px 0;
+}
+.two-factor-provider h3 {
+ margin: 0;
+}
+.two-factor-provider p {
+ font-weight: normal;
+}
+.two-factor-icon {
+ width: 100px;
+ display: block;
+ margin: 0 auto;
+}
+.two-factor-submit {
+ width: 100%;
+ padding: 10px;
+ margin: 0 0 5px 0;
+ border-radius: 100px; /* --border-radius-pill */
+ font-size: 20px;
+}
+.two-factor-primary {
+ /* Fix for 'Use backup codes' button not taking correct styles */
+ padding: 14px !important;
+ width: 226px;
+}
+.two-factor-secondary {
+ display: inline-block;
+ padding: 12px;
+}
+
+
+/* Additional login options */
+#remember_login {
+ margin: 18px 5px 0 16px !important;
+}
+.lost-password-container {
+ display: inline-block;
+ margin: 10px 0;
+ text-align: center;
+ width: 100%;
+}
+#lost-password,
+#lost-password-back,
+#reset-password-wrapper + a {
+ display: inline-block;
+ font-weight: normal !important;
+ padding: 12px;
+ color: #fff;
+ cursor: pointer;
+ text-shadow: 0 0 2px rgba(0, 0, 0, .4); /* better readability on bright background */
+}
+#lost-password {
+ margin-top: -6px;
+}
+#forgot-password {
+ padding: 12px;
+ float: right;
+ color: #0f161d;
+}
+
+/* Alternative Logins */
+#alternative-logins legend {
+ margin-bottom: 10px;
+}
+#alternative-logins li {
+ height: 40px;
+ white-space: nowrap;
+ padding: 05px;
+}
+#alternative-logins li a {
+ width: 100%;
+ display: inline-block;
+ text-align: center;
+ box-sizing: border-box;
+ background-color: #0082c9;
+ color: white;
+ border-radius: 100px; /* --border-radius-pill */
+}
+
+/* fixes for update page TODO should be fixed some time in a proper way */
+/* this is just for an error while updating the ownCloud instance */
+.updateProgress .error {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+/* Database selector on install page */
+form #selectDbType {
+ text-align:center;
+ white-space: nowrap;
+ margin: 0;
+ display: flex;
+}
+form #selectDbType .info {
+ white-space: normal;
+}
+form #selectDbType label {
+ flex-grow: 1;
+ margin: 0 -1px 5px;
+ font-size: 12px;
+ background:#f8f8f8;
+ color:#888;
+ cursor:pointer;
+ border: 1px solid #ddd;
+ padding: 10px 17px;
+}
+form #selectDbType label.ui-state-hover,
+form #selectDbType label.ui-state-active {
+ font-weight: normal;
+ color:#000;
+ background-color:#e8e8e8;
+}
+form #selectDbType .ui-visual-focus {
+ box-shadow: none;
+}
+form #selectDbType label span {
+ display: none;
+}
+
+/* Nicely grouping input field sets */
+.grouptop,
+.groupmiddle,
+.groupbottom {
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.grouptop input {
+ margin-bottom: 0 !important;
+ border-bottom: 0 !important;
+ border-bottom-left-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+}
+.groupmiddle input {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ border-top: 0 !important;
+ border-bottom: 0 !important;
+ border-radius: 0 !important;
+ box-shadow: 0 1px 0 rgba(0,0,0,.1) inset !important;
+}
+.groupbottom input {
+ margin-top: 0 !important;
+ border-top: 0 !important;
+ border-top-right-radius: 0 !important;
+ border-top-left-radius: 0 !important;
+ box-shadow: 0 1px 0 rgba(0,0,0,.1) inset !important;
+}
+.groupbottom input[type=submit] {
+ box-shadow: none !important;
+}
+
+#install-recommended-apps + label span {
+ display: inline-block;
+ opacity: .7;
+}
+
+/* Errors */
+/* Warnings and errors are the same */
+.body-login-container,
+.warning,
+.update,
+.error {
+ display: block;
+ margin-top: 15px;
+ padding: 15px;
+ background-color: rgba(0,0,0,.3);
+ color: #fff;
+ text-align: left;
+ word-wrap: break-word;
+ border-radius: 10px; /* --border-radius-large */
+ cursor: default;
+ -moz-user-select: text;
+ -webkit-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+}
+
+.body-login-container h2,
+.warning h2,
+.update h2,
+.error h2 {
+ color: #fff;
+ text-align: center;
+}
+
+/* TODO: Change all .warning/.update/.error to .body-login-container */
+.body-login-container .icon-big {
+ background-size: 70px;
+ height: 70px;
+}
+
+.body-login-container form {
+ width: initial;
+}
+
+.body-login-container p:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+.warning.updateAnyways {
+ text-align: center;
+}
+.warning legend,
+.warning a,
+.error a {
+ color: #fff !important;
+ font-weight: bold !important;
+ opacity: 1;
+}
+.error a.button {
+ color: #555 !important;
+ display: inline-block;
+ text-align: center;
+}
+.error pre {
+ white-space: pre-wrap;
+ text-align: left;
+}
+.error-wide {
+ width: 700px;
+ margin-top: 35px;
+}
+.error-wide .button {
+ color: black !important;
+}
+.warning-input {
+ border-color: #ce3702 !important;
+}
+a.warning {
+ cursor: pointer;
+}
+fieldset.warning legend,
+fieldset.update legend {
+ top: 18px;
+ position: relative;
+}
+fieldset.warning legend + p,
+fieldset.update legend + p {
+ margin-top: 12px;
+}
+
+/* Various paragraph styles */
+.infogroup {
+ margin: 8px 0;
+}
+.infogroup:last-child {
+ margin-bottom: 0;
+}
+p.info {
+ margin: 35px auto;
+ /* margin-right: 794px; */
+ text-shadow: 0 0 2px rgba(0, 0, 0, .4); /* better readability on bright background */
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ font-size: 20px;
+ color: #0f161d;
+}
+
+/* Update */
+.update {
+ width: inherit;
+ text-align: center;
+}
+.update .appList {
+ list-style: disc;
+ text-align: left;
+ margin-left: 25px;
+ margin-right: 25px;
+}
+.update img.float-spinner {
+ float: left;
+}
+.update a.update-show-detailed {
+ border-bottom: inherit;
+}
+#update-progress-detailed {
+ text-align: left;
+ margin-bottom: 12px;
+}
+.update-show-detailed {
+ padding: 12px;
+ display: block;
+ opacity: .75;
+}
+.update-show-detailed .icon-caret-white {
+ display: inline-block;
+ vertical-align: middle;
+}
+#update-progress-icon {
+ height: 32px;
+ margin: 10px;
+ background-size: 32px;
+}
+
+
+/* Icons */
+.icon-info-white {
+ background-image: url('../img/actions/info-white.svg?v=2');
+}
+.icon-error-white {
+ background-image: url('../img/actions/error-white.svg?v=1');
+}
+.icon-caret-white {
+ background-image: url('../img/actions/caret-white.svg?v=1');
+}
+.icon-confirm {
+ background-image: url('../img/actions/confirm.svg?v=2');
+}
+.icon-confirm-white {
+ background-image: url('../img/actions/confirm-white.svg?v=2');
+}
+.icon-checkmark-white {
+ background-image: url('../img/actions/checkmark-white.svg?v=1');
+}
+
+
+/* Loading */
+.float-spinner {
+ margin-top: -32px;
+ padding-top: 32px;
+ height: 32px;
+ display: none;
+}
+[class^='icon-'], [class*=' icon-'] {
+ background-repeat: no-repeat;
+ background-position: center;
+ min-width: 16px;
+ min-height: 16px;
+}
+.loading, .loading-small, .icon-loading, .icon-loading-dark, .icon-loading-small, .icon-loading-small-dark {
+ position: relative;
+}
+.loading:after, .loading-small:after, .icon-loading:after, .icon-loading-dark:after, .icon-loading-small:after, .icon-loading-small-dark:after {
+ z-index: 2;
+ content: '';
+ height: 32px;
+ width: 32px;
+ margin: -17px 0 0 -17px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ border-radius: 100%;
+ -webkit-animation: rotate .8s infinite linear;
+ animation: rotate .8s infinite linear;
+ -webkit-transform-origin: center;
+ -ms-transform-origin: center;
+ transform-origin: center;
+}
+.loading:after, .loading-small:after, .icon-loading:after, .icon-loading-dark:after, .icon-loading-small:after, .icon-loading-small-dark:after {
+ border: 2px solid rgba(150, 150, 150, 0.5);
+ border-top-color: #646464;
+}
+.icon-loading-dark:after, .icon-loading-small-dark:after {
+ border: 2px solid rgba(187, 187, 187, 0.5);
+ border-top-color: #bbb;
+}
+.icon-loading-small:after, .icon-loading-small-dark:after {
+ height: 16px;
+ width: 16px;
+ margin: -9px 0 0 -9px;
+}
+/* Css replaced elements don't have ::after nor ::before */
+img.icon-loading, object.icon-loading, video.icon-loading, button.icon-loading, textarea.icon-loading, input.icon-loading, select.icon-loading, div[contenteditable=true].icon-loading {
+ background-image: url('../img/loading.gif');
+}
+img.icon-loading-dark, object.icon-loading-dark, video.icon-loading-dark, button.icon-loading-dark, textarea.icon-loading-dark, input.icon-loading-dark, select.icon-loading-dark, div[contenteditable=true].icon-loading-dark {
+ background-image: url('../img/loading-dark.gif');
+}
+img.icon-loading-small, object.icon-loading-small, video.icon-loading-small, button.icon-loading-small, textarea.icon-loading-small, input.icon-loading-small, select.icon-loading-small, div[contenteditable=true].icon-loading-small {
+ background-image: url('../img/loading-small.gif');
+}
+img.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading-small-dark, button.icon-loading-small-dark, textarea.icon-loading-small-dark, input.icon-loading-small-dark, select.icon-loading-small-dark, div[contenteditable=true].icon-loading-small-dark {
+ background-image: url('../img/loading-small-dark.gif');
+}
+@-webkit-keyframes rotate {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@keyframes rotate {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+/* FOOTER */
+footer {
+ height: 70px;
+ margin-top: auto;
+}
+
+footer .info .entity-name {
+ font-weight: bold;
+}
+
+.hidden {
+ display: none;
+}
+
+/* keep the labels for screen readers but hide them since we use placeholders */
+label.infield,
+.hidden-visually {
+ position: absolute;
+ left:-10000px;
+ top: auto;
+ width: 1px;
+ height: 1px;
+ overflow: hidden;
+}
+
+a.legal {
+ font-size: smaller;
+}
diff --git a/tpDEsign/core/css/server.css b/tpDEsign/core/css/server.css
new file mode 100644
index 0000000..0825a3a
--- /dev/null
+++ b/tpDEsign/core/css/server.css
@@ -0,0 +1,248 @@
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
+font-weight : 300 !important ;
+}
+body {
+background-color : #0e1621;
+font-weight : 400;
+font-size : 0.975em;
+line-height : 1.6em;
+font-family : 'Saira', 'Saira Condensed', sans-serif;
+color : #FFFFFF;
+}
+#body-user #header {
+background-color : #16212f;
+background-image : none !important ;
+border-radius : 3px;
+border : #dd5817 solid 0;
+}
+#body-user #header, #body-settings #header, #body-public #header {
+border-bottom : 2px solid #12171d;
+background-color : #16212f;
+background-image : none !important ;
+}
+#header .logo {
+background-image : url("../img/logo/logo.png");
+width : 70px;
+}
+.icon-folder {
+background-image : url("../img/filetypes/folder.svg");
+}
+#controls {
+height : 50px;
+background-color : #16212f !important ;
+margin : 10px;
+border-radius : 5px !important ;
+}
+#filelist-header {
+background-color : #16212f !important ;
+margin : 10px;
+border-radius : 5px !important ;
+padding-bottom : 10px;
+}
+#filestable.view-grid:not(.hidden) thead tr {
+border-bottom : 1px solid #0b1017;
+}
+table th, table td {
+border-bottom : 1px solid #0b1017;
+}
+#app-navigation {
+background-color : #16212f !important ;
+margin : 10px;
+border-radius : 5px !important ;
+width : 260px;
+}
+#app-navigation:not(.vue) {
+width : 260px;
+background-color : #16212f !important ;
+}
+#app-navigation:not(.hidden) + #app-content {
+margin-left : 260px;
+}
+.app-files #app-content {
+width : calc(100% - 260px);
+}
+#app-settings-header .settings-button {
+font-family : 'Saira Condensed', sans-serif;
+background-color : #16212f !important ;
+}
+#app-sidebar {
+background-color : #16212f !important ;
+margin : 10px;
+padding : 10px;
+border-radius : 5px !important ;
+border-left : 1px solid #16212f !important ;
+}
+.button {
+background-color : #0e1621;
+}
+.summary {
+opacity : 1.0;
+height : 150px;
+color : #fff !important ;
+font-size : 17px;
+}
+.summary td.filesize {
+color : #fff !important ;
+font-size : 17px;
+}
+table td.filesize {
+color : #f3f3f3 !important ;
+font-size : 16px;
+}
+.modified {
+width : 115px;
+color : #eceaea !important ;
+font-size : 14px;
+}
+.tooltip-inner {
+background-color : #182432;
+text-align : justify;
+}
+#header .header-right > div#contactsmenu > .menu .contact .top-action img {
+filter : invert(100%);
+}
+#settings #expanddiv li a img {
+filter : invert(100%);
+}
+em {
+color : #f5cfa9;
+}
+input#pass1 {
+background-color : #2a3f51 !important ;
+}
+input[type="checkbox"].checkbox + label::before, input[type="radio"].checkbox + label::before {
+height : 15px;
+width : 15px;
+background-color : #16212f;
+}
+div.select2-drop .select2-search input, select, button, .button, input:not([type="range"]), textarea, div[contenteditable="true"], .pager li a {
+background-color : #131d29;
+}
+div.avatar {
+background-color : #131d29 !important ;
+border : #080d12 solid 1px;
+}
+.avatardiv--unknown {
+position : relative;
+background-color : #131d29 !important ;
+border : #080d12 solid 1px;
+}
+div[contenteditable="true"] {
+color : #fff;
+font-family : 'Saira', 'Saira Condensed', sans-serif;
+background-color : #141f2a !important ;
+}
+#app-navigation:not(.vue) ul li a img {
+filter : invert(100%);
+}
+img.two-factor-provider-settings-icon {
+filter : invert(100%);
+}
+.clientslinks .button .appsmall img {
+filter : invert(100%);
+}
+.activity-icon {
+filter : invert(100%);
+}
+.infoicon {
+filter : invert(100%);
+}
+.appsmall {
+filter : invert(100%);
+}
+.system-information img {
+filter : invert(100%);
+}
+#appsorter img {
+filter : invert(0);
+}
+a.action > img {
+filter : invert(100%);
+}
+.notification img.notification-icon {
+filter : invert(100%);
+}
+.icon-settings-white {
+background-image: #fff !important;
+/* filter : invert(100%); */
+}
+#editor-wrapper div.ProseMirror {
+background-color : #011d24 !important ;
+font-size : 20px;
+border-radius : 4px !important ;
+border : #fff solid 1px !important ;
+}
+.details .reason {
+color : #cccccc !important ;
+font-size : 12px;
+}
+#appmenu li a {
+width : 75px;
+font-size : 12px;
+}
+div.select2-container-multi .select2-choices .select2-search-choice {
+background-color : #141f2a;
+}
+.select2-container-multi .select2-choices .select2-search-field input {
+background : #141f2a !important ;
+}
+div.select2-drop {
+background-color : #0e151b;
+}
+#uploadprogressbar .label.inner {
+font-size:14px;
+}
+#uploadprogressbar {
+font-size:14px;
+}
+#uploadprogresswrapper {
+font-size:14px;
+}
+div.select2-container.select2-container-multi .select2-choices {
+font-size: 13px;
+}
+.section:not(:last-child) {
+border-bottom: 1px solid #16212f;
+}
+.infobox {
+border : #000 solid 1px;
+padding : 14px;
+color : #F3F3F3;
+background-color : #16212f;
+border-radius : 5px;
+box-shadow : 1px 1px 10px 1px #01070d;
+}
+.infobox h2 {
+color: #e9aa61;
+}
+.infobox h3 {
+color: #e9aa61;
+}
+#body-public footer p {
+line-height:0.4em;
+font-size: 14px;
+}
+.sharing-entry__internal .avatar-external[data-v-363f2816] {
+background-color: #131d29 !important;
+border: #080d12 solid 1px;
+}
+.sharing-entry__inherited .avatar-shared[data-v-2ae2c800] {
+background-color: #131d29 !important;
+border: #080d12 solid 1px;
+}
+
+/* Videoplayer */
+.modal-mask--dark[data-v-2a99be04] {
+background-color: rgba(3, 10, 16, 0.92) !important;
+}
+.modal-header .modal-title[data-v-2a99be04] {
+color: #fff;
+font-size: 19px !important;
+font-weight : 500 !important;
+}
+.video-js .vjs-play-progress,.video-js .vjs-volume-level {
+background-color: #e9aa61 !important;
+}
+.progressBar::-moz-progress-bar {
+background-color: #e9aa61 !important;
+}
diff --git a/tpDEsign/core/img/actions/share.svg b/tpDEsign/core/img/actions/share.svg
new file mode 100644
index 0000000..014392d
--- /dev/null
+++ b/tpDEsign/core/img/actions/share.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/actions/user.svg b/tpDEsign/core/img/actions/user.svg
new file mode 100644
index 0000000..91097e5
--- /dev/null
+++ b/tpDEsign/core/img/actions/user.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/background.jpg b/tpDEsign/core/img/background.jpg
new file mode 100644
index 0000000..18211e3
Binary files /dev/null and b/tpDEsign/core/img/background.jpg differ
diff --git a/tpDEsign/core/img/bg_login.jpg b/tpDEsign/core/img/bg_login.jpg
new file mode 100644
index 0000000..18211e3
Binary files /dev/null and b/tpDEsign/core/img/bg_login.jpg differ
diff --git a/tpDEsign/core/img/favicon.ico b/tpDEsign/core/img/favicon.ico
new file mode 100644
index 0000000..e1c9a2b
Binary files /dev/null and b/tpDEsign/core/img/favicon.ico differ
diff --git a/tpDEsign/core/img/filetypes/application-pdf.svg b/tpDEsign/core/img/filetypes/application-pdf.svg
new file mode 100644
index 0000000..cb54edd
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/application-pdf.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/application.svg b/tpDEsign/core/img/filetypes/application.svg
new file mode 100644
index 0000000..e3b6f25
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/application.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/audio.svg b/tpDEsign/core/img/filetypes/audio.svg
new file mode 100644
index 0000000..7c9befc
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/audio.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/file.svg b/tpDEsign/core/img/filetypes/file.svg
new file mode 100644
index 0000000..f5b8f64
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/file.svg
@@ -0,0 +1,2 @@
+
+
diff --git a/tpDEsign/core/img/filetypes/folder-drag-accept.svg b/tpDEsign/core/img/filetypes/folder-drag-accept.svg
new file mode 100644
index 0000000..6fefe1d
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/folder-drag-accept.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/folder-encrypted.svg b/tpDEsign/core/img/filetypes/folder-encrypted.svg
new file mode 100644
index 0000000..e2b62a9
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/folder-encrypted.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/folder-external.svg b/tpDEsign/core/img/filetypes/folder-external.svg
new file mode 100644
index 0000000..5e09bc8
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/folder-external.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/folder-public.svg b/tpDEsign/core/img/filetypes/folder-public.svg
new file mode 100644
index 0000000..970d09b
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/folder-public.svg
@@ -0,0 +1,47 @@
+
+
+
diff --git a/tpDEsign/core/img/filetypes/folder-shared.svg b/tpDEsign/core/img/filetypes/folder-shared.svg
new file mode 100644
index 0000000..d3c1362
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/folder-shared.svg
@@ -0,0 +1,127 @@
+
+
diff --git a/tpDEsign/core/img/filetypes/folder-starred.svg b/tpDEsign/core/img/filetypes/folder-starred.svg
new file mode 100644
index 0000000..d13c5ef
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/folder-starred.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/folder.svg b/tpDEsign/core/img/filetypes/folder.svg
new file mode 100644
index 0000000..5756119
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/folder.svg
@@ -0,0 +1,153 @@
+
+
diff --git a/tpDEsign/core/img/filetypes/image.svg b/tpDEsign/core/img/filetypes/image.svg
new file mode 100644
index 0000000..922b72a
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/image.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/link.svg b/tpDEsign/core/img/filetypes/link.svg
new file mode 100644
index 0000000..7bfbe1e
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/link.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/location.svg b/tpDEsign/core/img/filetypes/location.svg
new file mode 100644
index 0000000..5e63f75
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/location.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/package-x-generic.svg b/tpDEsign/core/img/filetypes/package-x-generic.svg
new file mode 100644
index 0000000..55ea2bf
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/package-x-generic.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/tpDEsign/core/img/filetypes/text-calendar.svg b/tpDEsign/core/img/filetypes/text-calendar.svg
new file mode 100644
index 0000000..2fdfde6
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/text-calendar.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/text-code.svg b/tpDEsign/core/img/filetypes/text-code.svg
new file mode 100644
index 0000000..21bf295
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/text-code.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/text-vcard.svg b/tpDEsign/core/img/filetypes/text-vcard.svg
new file mode 100644
index 0000000..86c3d4a
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/text-vcard.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/text.svg b/tpDEsign/core/img/filetypes/text.svg
new file mode 100644
index 0000000..57c2b1f
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/text.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/video.svg b/tpDEsign/core/img/filetypes/video.svg
new file mode 100644
index 0000000..b04a2e9
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/video.svg
@@ -0,0 +1,965 @@
+
+
+
diff --git a/tpDEsign/core/img/filetypes/x-office-document.svg b/tpDEsign/core/img/filetypes/x-office-document.svg
new file mode 100644
index 0000000..d19fa65
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/x-office-document.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/x-office-presentation.svg b/tpDEsign/core/img/filetypes/x-office-presentation.svg
new file mode 100644
index 0000000..523aa38
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/x-office-presentation.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/filetypes/x-office-spreadsheet.svg b/tpDEsign/core/img/filetypes/x-office-spreadsheet.svg
new file mode 100644
index 0000000..b7006a9
--- /dev/null
+++ b/tpDEsign/core/img/filetypes/x-office-spreadsheet.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/loading.gif b/tpDEsign/core/img/loading.gif
new file mode 100644
index 0000000..c7abd32
Binary files /dev/null and b/tpDEsign/core/img/loading.gif differ
diff --git a/tpDEsign/core/img/logo/favicon.ico b/tpDEsign/core/img/logo/favicon.ico
new file mode 100644
index 0000000..e1c9a2b
Binary files /dev/null and b/tpDEsign/core/img/logo/favicon.ico differ
diff --git a/tpDEsign/core/img/logo/logo.png b/tpDEsign/core/img/logo/logo.png
new file mode 100644
index 0000000..82a5c26
Binary files /dev/null and b/tpDEsign/core/img/logo/logo.png differ
diff --git a/tpDEsign/core/img/logo/logo_login.png b/tpDEsign/core/img/logo/logo_login.png
new file mode 100644
index 0000000..0c4a05a
Binary files /dev/null and b/tpDEsign/core/img/logo/logo_login.png differ
diff --git a/tpDEsign/core/img/places/calendar-dark.png b/tpDEsign/core/img/places/calendar-dark.png
new file mode 100644
index 0000000..56675b0
Binary files /dev/null and b/tpDEsign/core/img/places/calendar-dark.png differ
diff --git a/tpDEsign/core/img/places/calendar.svg b/tpDEsign/core/img/places/calendar.svg
new file mode 100644
index 0000000..020ae8f
--- /dev/null
+++ b/tpDEsign/core/img/places/calendar.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/places/contacts.svg b/tpDEsign/core/img/places/contacts.svg
new file mode 100644
index 0000000..5bc91dc
--- /dev/null
+++ b/tpDEsign/core/img/places/contacts.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/places/default-app-icon.svg b/tpDEsign/core/img/places/default-app-icon.svg
new file mode 100644
index 0000000..0db6804
--- /dev/null
+++ b/tpDEsign/core/img/places/default-app-icon.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/places/files.svg b/tpDEsign/core/img/places/files.svg
new file mode 100644
index 0000000..1536502
--- /dev/null
+++ b/tpDEsign/core/img/places/files.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/places/home.svg b/tpDEsign/core/img/places/home.svg
new file mode 100644
index 0000000..d6e77b3
--- /dev/null
+++ b/tpDEsign/core/img/places/home.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/places/link.svg b/tpDEsign/core/img/places/link.svg
new file mode 100644
index 0000000..971630f
--- /dev/null
+++ b/tpDEsign/core/img/places/link.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/places/music.svg b/tpDEsign/core/img/places/music.svg
new file mode 100644
index 0000000..5746247
--- /dev/null
+++ b/tpDEsign/core/img/places/music.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/img/places/picture.svg b/tpDEsign/core/img/places/picture.svg
new file mode 100644
index 0000000..ffb0840
--- /dev/null
+++ b/tpDEsign/core/img/places/picture.svg
@@ -0,0 +1 @@
+
diff --git a/tpDEsign/core/templates/layout.base.php b/tpDEsign/core/templates/layout.base.php
new file mode 100644
index 0000000..98c4c4b
--- /dev/null
+++ b/tpDEsign/core/templates/layout.base.php
@@ -0,0 +1,30 @@
+
+
+
+
+
+ <?php p($theme->getTitle()); ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ $initialState) { ?>
+
+
+
+
+
+
+
diff --git a/tpDEsign/core/templates/layout.guest.php b/tpDEsign/core/templates/layout.guest.php
new file mode 100644
index 0000000..bcada93
--- /dev/null
+++ b/tpDEsign/core/templates/layout.guest.php
@@ -0,0 +1,62 @@
+
+
+
+ data-user="" data-user-displayname=""
+
+ data-requesttoken="">
+
+
+ <?php p($theme->getTitle()); ?>
+
+
+
+ getiTunesAppId() !== '') { ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ $initialState) { ?>
+
+
+
+
+
+
diff --git a/tpDEsign/defaults.php b/tpDEsign/defaults.php
new file mode 100644
index 0000000..181a627
--- /dev/null
+++ b/tpDEsign/defaults.php
@@ -0,0 +1,142 @@
+
+ * @author Jan-Christoph Borchardt, http://jancborchardt.net
+ * @copyright Copyright (c) 2016, ownCloud, Inc.
+ * @license AGPL-3.0
+ *
+ * This code is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License, version 3,
+ * along with this program. If not, see
+ */
+
+class OC_Theme {
+
+ /**
+ * Returns the base URL
+ * @return string URL
+ */
+ public function getBaseUrl() {
+ return '/nextcloud';
+ }
+
+ /**
+ * Returns the documentation URL
+ * @return string URL
+ */
+ public function getDocBaseUrl() {
+ return 'https://docs.nextcloud.com';
+ }
+
+ /**
+ * Returns the title
+ * @return string title
+ */
+ public function getTitle() {
+ return 'Cloud';
+ }
+
+ /**
+ * Returns the short name of the software
+ * @return string title
+ */
+ public function getName() {
+ return 'Cloud';
+ }
+
+ /**
+ * Returns the short name of the software containing HTML strings
+ * @return string title
+ */
+ public function getHTMLName() {
+ return 'Cloud';
+ }
+
+ /**
+ * Returns entity (e.g. company name) - used for footer, copyright
+ * @return string entity name
+ */
+ public function getEntity() {
+ return 'Cloud';
+ }
+
+ /**
+ * Returns slogan
+ * @return string slogan
+ */
+ public function getSlogan() {
+ return 'access from anywhere :-)';
+ }
+
+ /**
+ * Returns logo claim
+ * @return string logo claim
+ * @deprecated 13.0.0 not used anymore
+ */
+ public function getLogoClaim() {
+ return '';
+ }
+
+ /**
+ * Returns short version of the footer
+ * @return string short footer
+ */
+ public function getShortFooter() {
+ $footer = '© ' . date('Y') . ' ' . $this->getEntity() . '' .
+ '
' . $this->getSlogan();
+
+ return $footer;
+ }
+
+ /**
+ * Returns long version of the footer
+ * @return string long footer
+ */
+ public function getLongFooter() {
+ $footer = '© ' . date('Y') . ' ' . $this->getEntity() . '' .
+ '
' . $this->getSlogan();
+
+ return $footer;
+ }
+
+ /**
+ * Generate a documentation link for a given key
+ * @return string documentation link
+ */
+ public function buildDocLinkToKey($key) {
+ return $this->getDocBaseUrl() . '/server/15/go.php?to=' . $key;
+ }
+
+
+ /**
+ * Returns mail header color
+ * @return string
+ */
+ public function getColorPrimary() {
+ return '#0e1621';
+ }
+
+ /**
+ * Returns variables to overload defaults from core/css/variables.scss
+ * @return array
+ */
+ public function getScssVariables() {
+ return [
+ 'color-primary' => '#f6964c',
+ 'color-main-background' => '#0e1621',
+ 'color-background-dark' => '#16212f',
+ 'color-background-darker' => '#102029',
+ 'color-border-darker' => '#080d12',
+ 'font-face' => 'Saira, Saira Condensed, sans-serif'
+ ];
+ }
+
+}
); ?>)
+
+