Working on Dashboard
This commit is contained in:
dignajar
parent
46d88ed4e8
commit
6f9064046a
|
|
@ -0,0 +1,664 @@
|
||||||
|
.uk-form * {
|
||||||
|
border-radius: 2px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-tab a {
|
||||||
|
color: #2196f3 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #2196f3 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* UIKIT HACKs navbar
|
||||||
|
---------------------------------------------------------------- */
|
||||||
|
.uk-navbar {
|
||||||
|
background: #323232 !important;
|
||||||
|
border: 0 !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-navbar-nav a {
|
||||||
|
border: none !important;
|
||||||
|
border-radius: none !important;
|
||||||
|
text-shadow: none !important;
|
||||||
|
color: #fff !important;
|
||||||
|
font-weight: 300 !important;
|
||||||
|
padding: 0 25px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-navbar-nav > li.uk-open > a,
|
||||||
|
.uk-navbar-nav > li:hover > a,
|
||||||
|
.uk-navbar-nav > li:focus > a,
|
||||||
|
.uk-navbar-nav > li > a:focus,
|
||||||
|
.uk-navbar-nav > li > a:hover {
|
||||||
|
background: none !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
color: #BBBBBB !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
text-shadow: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-nav-navbar > li > a:focus,
|
||||||
|
.uk-nav-navbar > li > a:hover {
|
||||||
|
background: none !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
color: #888 !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
text-shadow: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-navbar-nav > li.uk-active > a {
|
||||||
|
background: none !important;
|
||||||
|
color: #BBBBBB !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-navbar-nav .uk-border-circle {
|
||||||
|
border-radius: 20px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-dropdown-navbar {
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 10px 0 !important;
|
||||||
|
position: fixed;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
border-left: 0 !important;
|
||||||
|
border-right: 0 !important;
|
||||||
|
border-top: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-dropdown-navbar li {
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-dropdown-navbar a {
|
||||||
|
color: #323232 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.bludit-logo {
|
||||||
|
color: #fff !important;
|
||||||
|
display: block;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
height: 41px;
|
||||||
|
line-height: 40px;
|
||||||
|
margin-left: -1px;
|
||||||
|
margin-top: -1px;
|
||||||
|
margin-right: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bludit-user-navbar {
|
||||||
|
background: #333 none repeat scroll 0 0;
|
||||||
|
border-color: #ccc;
|
||||||
|
border-radius: 0 0 5px 5px !important;
|
||||||
|
color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bludit-user-navbar a {
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 333px) and (max-width: 959px) {
|
||||||
|
/* Hidden the Welcome USERNAME */
|
||||||
|
.uk-navbar-flip {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Expand and hidden the sidebar */
|
||||||
|
.uk-width-large-8-10 {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
/* Hidden the sidebar */
|
||||||
|
.uk-width-large-2-10 {
|
||||||
|
width: 0% !important;
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 960px) {
|
||||||
|
.uk-width-large-4-5,
|
||||||
|
.uk-width-large-8-10 {
|
||||||
|
width: 75% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-width-large-1-5,
|
||||||
|
.uk-width-large-2-10 {
|
||||||
|
width: 25% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* UIKIT HACKs hidden navbar
|
||||||
|
---------------------------------------------------------------- */
|
||||||
|
|
||||||
|
.uk-navbar-brand {
|
||||||
|
text-shadow: none !important;
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-navbar-toggle {
|
||||||
|
text-shadow: none !important;
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-nav-offcanvas > li > a {
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* UIKIT HACKs buttons
|
||||||
|
---------------------------------------------------------------- */
|
||||||
|
.uk-button {
|
||||||
|
padding: 2px 26px;
|
||||||
|
text-shadow: none;
|
||||||
|
color: #333 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-button-primary {
|
||||||
|
background: #2196f3 !important;
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-button-primary:hover {
|
||||||
|
background: #2EA3FF;
|
||||||
|
color: #fafafa !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* UIKIT HACKs forms
|
||||||
|
---------------------------------------------------------------- */
|
||||||
|
legend {
|
||||||
|
width: 70% !important;
|
||||||
|
margin-top: 40px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
legend.first-child {
|
||||||
|
margin-top: 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.uk-form-label {
|
||||||
|
color: #666666;
|
||||||
|
font-weight: normal !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-form-help-block {
|
||||||
|
color: #AAAAAA;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-table th,
|
||||||
|
.uk-table td {
|
||||||
|
padding: 15px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-table td.children {
|
||||||
|
padding: 15px 10px 15px 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.uk-badge {
|
||||||
|
margin-right: 5px !important;
|
||||||
|
font-size: 0.9em;
|
||||||
|
padding: 2px 7px;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #2672ec;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-panel-box {
|
||||||
|
background: #F9F9F9 !important;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-container {
|
||||||
|
max-width: 1280px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-thumbnail {
|
||||||
|
margin: 2px 3px !important;
|
||||||
|
max-width: 30% !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-progress-bar {
|
||||||
|
background: #2672ec !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-placeholder {
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ----------- BLUDIT ----------- */
|
||||||
|
|
||||||
|
body {
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bludit-navbar {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#logo {
|
||||||
|
background: #f4f4f4;
|
||||||
|
padding:20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2.title {
|
||||||
|
margin: 0 0 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.delete-button {
|
||||||
|
background: none;
|
||||||
|
border: 0 none;
|
||||||
|
color: #da2727;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 0.9em;
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.delete-button:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jscontent {
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bl-view {
|
||||||
|
margin-top: 25px;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.statistics tr:last-child td {
|
||||||
|
border-bottom: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- ALERT ----------- */
|
||||||
|
|
||||||
|
#alert {
|
||||||
|
bottom: 0;
|
||||||
|
color: #ffffff;
|
||||||
|
padding: 10px;
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
text-align: center;
|
||||||
|
z-index: 100;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert-ok {
|
||||||
|
background: #4374C1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert-fail {
|
||||||
|
background: #c14343;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- FORM ----------- */
|
||||||
|
|
||||||
|
.sidebar .uk-form-label {
|
||||||
|
font-size: 0.9em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-tags {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-tags .uk-button {
|
||||||
|
padding: 0 12px !important;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jstagList {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jstagList span.unselect,
|
||||||
|
#jstagList span.select {
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-right: 5px;
|
||||||
|
padding: 2px 15px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: #f1f1f1;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jstagList span.unselect:before {
|
||||||
|
font-family: FontAwesome;
|
||||||
|
content: "\f067";
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jstagList span.unselect {
|
||||||
|
color: #AAA;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jstagList span.unselect:hover {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jstagList span.select:before {
|
||||||
|
font-family: FontAwesome;
|
||||||
|
content: "\f00c";
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jstagList span.select {
|
||||||
|
color: #2196f3;
|
||||||
|
padding: 2px 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- BLUDIT IMAGES V8 ----------- */
|
||||||
|
#bludit-images-v8 {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-images-v8 .bludit-thumbnail {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: inline-block;
|
||||||
|
height: auto;
|
||||||
|
margin: 2px;
|
||||||
|
padding: 0;
|
||||||
|
width: 15% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-images-v8-upload {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
margin-bottom: 15px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-images-v8-drag-drop {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-images-v8-progressbar {
|
||||||
|
display: none;
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-images-v8-thumbnails {
|
||||||
|
max-height: 350px;
|
||||||
|
overflow: auto;
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Bludit Menu v8 */
|
||||||
|
|
||||||
|
#bludit-menuV8 {
|
||||||
|
display: none;
|
||||||
|
z-index: 1020;
|
||||||
|
position: absolute;
|
||||||
|
overflow: hidden;
|
||||||
|
border: 1px solid #CCC;
|
||||||
|
background: #FFF;
|
||||||
|
color: #333;
|
||||||
|
border-radius: 2px;
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 5px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-menuV8 li {
|
||||||
|
padding: 8px 12px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-menuV8 li:hover {
|
||||||
|
background-color: #2672ec;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-menuV8 li i {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- BLUDIT QUICK IMAGES ----------- */
|
||||||
|
#bludit-quick-images {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-quick-images a.moreImages {
|
||||||
|
margin: 15px 0 0;
|
||||||
|
width: 100%;
|
||||||
|
background: #F5F5F5 !important;
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-quick-images h4.label {
|
||||||
|
background: #f8f8f8;
|
||||||
|
color: #aaa;
|
||||||
|
padding: 2px 5px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-quick-images-thumbnails {
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-quick-images .bludit-thumbnail {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: inline-block;
|
||||||
|
height: auto;
|
||||||
|
margin: 2px;
|
||||||
|
padding: 0;
|
||||||
|
width: 31% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- BLUDIT COVER IMAGE ----------- */
|
||||||
|
#bludit-cover-image {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#cover-image-thumbnail {
|
||||||
|
background-position: center center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
color: #666;
|
||||||
|
height: 130px;
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cover-image-upload {
|
||||||
|
color: #999;
|
||||||
|
position: relative;
|
||||||
|
top: 35%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cover-image-delete {
|
||||||
|
background: rgba(255, 255, 255, 0.7);
|
||||||
|
bottom: 0;
|
||||||
|
color: #000;
|
||||||
|
display: none;
|
||||||
|
font-size: 2.2em;
|
||||||
|
padding: 4px 10px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cover-image-progressbar {
|
||||||
|
display: none;
|
||||||
|
left: 5%;
|
||||||
|
position: relative;
|
||||||
|
top: 33%;
|
||||||
|
width: 90%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- BLUDIT PROFILE PICTURE ----------- */
|
||||||
|
|
||||||
|
#bludit-profile-picture-drag-drop {
|
||||||
|
width: 100%;
|
||||||
|
padding: 15px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-profile-picture-progressbar {
|
||||||
|
display: none;
|
||||||
|
margin: 15px 0 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- LOGIN FORM ----------- */
|
||||||
|
|
||||||
|
div.login-box > h1 {
|
||||||
|
font-weight: lighter;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.login-form {
|
||||||
|
background: #f1f1f1 none repeat scroll 0 0;
|
||||||
|
padding: 20px;
|
||||||
|
width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- DASHBOARD ----------- */
|
||||||
|
|
||||||
|
div.dashboard-links {
|
||||||
|
margin: 0 0 25px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dashboard-links h4 {
|
||||||
|
margin-bottom: -8px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dashboard-links a {
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* NEW POST */
|
||||||
|
h3.titleOptions {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- PLUGIN LIST / THEME LIST ----------- */
|
||||||
|
|
||||||
|
tr.plugin-installed,
|
||||||
|
tr.theme-installed {
|
||||||
|
background: #F2F7FF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.plugin-links > a {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.plugin-links > span.separator {
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label-draft,
|
||||||
|
.label-empty-title,
|
||||||
|
.label-time {
|
||||||
|
background: #2672ec none repeat scroll 0 0;
|
||||||
|
border-radius: 2px;
|
||||||
|
color: #ffffff;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 8px;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-right: 5px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label-empty-title {
|
||||||
|
background: #ED8F26;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label-time {
|
||||||
|
font-style: italic;
|
||||||
|
background: #ED3A26;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- PAGINATOR ----------- */
|
||||||
|
|
||||||
|
#paginator ul {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 15px 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 0.9em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#paginator a {
|
||||||
|
color: #2672ec;
|
||||||
|
}
|
||||||
|
|
||||||
|
#paginator li {
|
||||||
|
display: inline;
|
||||||
|
float: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#paginator li.left {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#paginator li.list {
|
||||||
|
background: #e0e0e0;
|
||||||
|
color: #747474;
|
||||||
|
padding: 2px 11px;
|
||||||
|
margin: 0px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#paginator li.right {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- PLUGINS FORM ----------- */
|
||||||
|
|
||||||
|
#jsformplugin div {
|
||||||
|
margin-bottom: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsformplugin label {
|
||||||
|
margin: 0 0 5px 0 !important;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsformplugin div.tip {
|
||||||
|
font-size: 0.9em;
|
||||||
|
color: #AAAAAA;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsformplugin textarea {
|
||||||
|
min-width: 400px;
|
||||||
|
width: 60%;
|
||||||
|
min-height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsformplugin input[type=text] {
|
||||||
|
min-width: 400px;
|
||||||
|
width: 60%;
|
||||||
|
height: 37px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsformplugin input[type="checkbox"] {
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-left: 0px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsformplugin label.forCheckbox {
|
||||||
|
margin-left: 3px;
|
||||||
|
margin-bottom: 0px !important;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsformplugin p {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,478 @@
|
||||||
|
|
||||||
|
/* UIKIT HACKs
|
||||||
|
---------------------------------------------------------------- */
|
||||||
|
|
||||||
|
.uk-width-1-4 {
|
||||||
|
width: 20% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-width-3-4 {
|
||||||
|
width: 80% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bl-sidebar .uk-nav-header {
|
||||||
|
font-weight: normal !important;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bl-sidebar .uk-nav {
|
||||||
|
margin: 0px 0 0 20px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bl-sidebar .bl-icon {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bl-sidebar a {
|
||||||
|
color: #777 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* UIKIT HACKs buttons
|
||||||
|
---------------------------------------------------------------- */
|
||||||
|
|
||||||
|
/* UIKIT HACKs forms
|
||||||
|
---------------------------------------------------------------- */
|
||||||
|
|
||||||
|
/* CSS defaults
|
||||||
|
---------------------------------------------------------------- */
|
||||||
|
body {
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bl-navbar {
|
||||||
|
background: #f1f1f1;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bl-navbar .bl-brand {
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 60px;
|
||||||
|
margin: 0 30px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* OLD
|
||||||
|
---------------------------------------------------------------- */
|
||||||
|
|
||||||
|
.bl-view {
|
||||||
|
margin-top: 25px;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logo {
|
||||||
|
background: #f4f4f4;
|
||||||
|
padding:20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2.title {
|
||||||
|
margin: 0 0 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.delete-button {
|
||||||
|
background: none;
|
||||||
|
border: 0 none;
|
||||||
|
color: #da2727;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 0.9em;
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.delete-button:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jscontent {
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
table.statistics tr:last-child td {
|
||||||
|
border-bottom: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- ALERT ----------- */
|
||||||
|
|
||||||
|
#alert {
|
||||||
|
bottom: 0;
|
||||||
|
color: #ffffff;
|
||||||
|
padding: 10px;
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
text-align: center;
|
||||||
|
z-index: 100;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert-ok {
|
||||||
|
background: #4374C1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert-fail {
|
||||||
|
background: #c14343;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- FORM ----------- */
|
||||||
|
|
||||||
|
.sidebar .uk-form-label {
|
||||||
|
font-size: 0.9em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-tags {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-tags .uk-button {
|
||||||
|
padding: 0 12px !important;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jstagList {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jstagList span.unselect,
|
||||||
|
#jstagList span.select {
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-right: 5px;
|
||||||
|
padding: 2px 15px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: #f1f1f1;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jstagList span.unselect:before {
|
||||||
|
font-family: FontAwesome;
|
||||||
|
content: "\f067";
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jstagList span.unselect {
|
||||||
|
color: #AAA;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jstagList span.unselect:hover {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jstagList span.select:before {
|
||||||
|
font-family: FontAwesome;
|
||||||
|
content: "\f00c";
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jstagList span.select {
|
||||||
|
color: #2196f3;
|
||||||
|
padding: 2px 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- BLUDIT IMAGES V8 ----------- */
|
||||||
|
#bludit-images-v8 {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-images-v8 .bludit-thumbnail {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: inline-block;
|
||||||
|
height: auto;
|
||||||
|
margin: 2px;
|
||||||
|
padding: 0;
|
||||||
|
width: 15% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-images-v8-upload {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
margin-bottom: 15px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-images-v8-drag-drop {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-images-v8-progressbar {
|
||||||
|
display: none;
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-images-v8-thumbnails {
|
||||||
|
max-height: 350px;
|
||||||
|
overflow: auto;
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Bludit Menu v8 */
|
||||||
|
|
||||||
|
#bludit-menuV8 {
|
||||||
|
display: none;
|
||||||
|
z-index: 1020;
|
||||||
|
position: absolute;
|
||||||
|
overflow: hidden;
|
||||||
|
border: 1px solid #CCC;
|
||||||
|
background: #FFF;
|
||||||
|
color: #333;
|
||||||
|
border-radius: 2px;
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 5px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-menuV8 li {
|
||||||
|
padding: 8px 12px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-menuV8 li:hover {
|
||||||
|
background-color: #2672ec;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-menuV8 li i {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- BLUDIT QUICK IMAGES ----------- */
|
||||||
|
#bludit-quick-images {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-quick-images a.moreImages {
|
||||||
|
margin: 15px 0 0;
|
||||||
|
width: 100%;
|
||||||
|
background: #F5F5F5 !important;
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-quick-images h4.label {
|
||||||
|
background: #f8f8f8;
|
||||||
|
color: #aaa;
|
||||||
|
padding: 2px 5px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-quick-images-thumbnails {
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-quick-images .bludit-thumbnail {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: inline-block;
|
||||||
|
height: auto;
|
||||||
|
margin: 2px;
|
||||||
|
padding: 0;
|
||||||
|
width: 31% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- BLUDIT COVER IMAGE ----------- */
|
||||||
|
#bludit-cover-image {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#cover-image-thumbnail {
|
||||||
|
background-position: center center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
color: #666;
|
||||||
|
height: 130px;
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cover-image-upload {
|
||||||
|
color: #999;
|
||||||
|
position: relative;
|
||||||
|
top: 35%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cover-image-delete {
|
||||||
|
background: rgba(255, 255, 255, 0.7);
|
||||||
|
bottom: 0;
|
||||||
|
color: #000;
|
||||||
|
display: none;
|
||||||
|
font-size: 2.2em;
|
||||||
|
padding: 4px 10px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cover-image-progressbar {
|
||||||
|
display: none;
|
||||||
|
left: 5%;
|
||||||
|
position: relative;
|
||||||
|
top: 33%;
|
||||||
|
width: 90%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- BLUDIT PROFILE PICTURE ----------- */
|
||||||
|
|
||||||
|
#bludit-profile-picture-drag-drop {
|
||||||
|
width: 100%;
|
||||||
|
padding: 15px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bludit-profile-picture-progressbar {
|
||||||
|
display: none;
|
||||||
|
margin: 15px 0 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- LOGIN FORM ----------- */
|
||||||
|
|
||||||
|
div.login-box > h1 {
|
||||||
|
font-weight: lighter;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.login-form {
|
||||||
|
background: #f1f1f1 none repeat scroll 0 0;
|
||||||
|
padding: 20px;
|
||||||
|
width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- DASHBOARD ----------- */
|
||||||
|
|
||||||
|
div.dashboard-links {
|
||||||
|
margin: 0 0 25px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dashboard-links h4 {
|
||||||
|
margin-bottom: -8px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dashboard-links a {
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* NEW POST */
|
||||||
|
h3.titleOptions {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- PLUGIN LIST / THEME LIST ----------- */
|
||||||
|
|
||||||
|
tr.plugin-installed,
|
||||||
|
tr.theme-installed {
|
||||||
|
background: #F2F7FF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.plugin-links > a {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.plugin-links > span.separator {
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label-draft,
|
||||||
|
.label-empty-title,
|
||||||
|
.label-time {
|
||||||
|
background: #2672ec none repeat scroll 0 0;
|
||||||
|
border-radius: 2px;
|
||||||
|
color: #ffffff;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 8px;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-right: 5px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label-empty-title {
|
||||||
|
background: #ED8F26;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label-time {
|
||||||
|
font-style: italic;
|
||||||
|
background: #ED3A26;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- PAGINATOR ----------- */
|
||||||
|
|
||||||
|
#paginator ul {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 15px 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 0.9em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#paginator a {
|
||||||
|
color: #2672ec;
|
||||||
|
}
|
||||||
|
|
||||||
|
#paginator li {
|
||||||
|
display: inline;
|
||||||
|
float: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#paginator li.left {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#paginator li.list {
|
||||||
|
background: #e0e0e0;
|
||||||
|
color: #747474;
|
||||||
|
padding: 2px 11px;
|
||||||
|
margin: 0px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#paginator li.right {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- PLUGINS FORM ----------- */
|
||||||
|
|
||||||
|
#jsformplugin div {
|
||||||
|
margin-bottom: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsformplugin label {
|
||||||
|
margin: 0 0 5px 0 !important;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsformplugin div.tip {
|
||||||
|
font-size: 0.9em;
|
||||||
|
color: #AAAAAA;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsformplugin textarea {
|
||||||
|
min-width: 400px;
|
||||||
|
width: 60%;
|
||||||
|
min-height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsformplugin input[type=text] {
|
||||||
|
min-width: 400px;
|
||||||
|
width: 60%;
|
||||||
|
height: 37px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsformplugin input[type="checkbox"] {
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-left: 0px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsformplugin label.forCheckbox {
|
||||||
|
margin-left: 3px;
|
||||||
|
margin-bottom: 0px !important;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsformplugin p {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,68 @@
|
||||||
|
/* ----------- UIKIT HACKs FOR BLUDIT ----------- */
|
||||||
|
html {
|
||||||
|
background: #F7F7F7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-form * {
|
||||||
|
border-radius: 2px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-button-primary {
|
||||||
|
background: #444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-button-primary:hover {
|
||||||
|
background: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"],
|
||||||
|
input[type="password"] {
|
||||||
|
border-color: #EBEBEB !important;
|
||||||
|
border-radius: 2px !important;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
input:disabled {
|
||||||
|
background: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-vertical-align-middle {
|
||||||
|
margin-top: -150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-panel {
|
||||||
|
background: #ffffff;
|
||||||
|
display: block;
|
||||||
|
margin: 20px 0;
|
||||||
|
padding: 20px;
|
||||||
|
position: relative;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- BLUDIT ----------- */
|
||||||
|
|
||||||
|
h1.title {
|
||||||
|
font-weight: lighter;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
margin-top: 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#jsshowPassword {
|
||||||
|
color: #999;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 1em;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jscompleteEmail {
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,568 @@
|
||||||
|
.xdsoft_datetimepicker {
|
||||||
|
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||||
|
background: #fff;
|
||||||
|
border-bottom: 1px solid #bbb;
|
||||||
|
border-left: 1px solid #ccc;
|
||||||
|
border-right: 1px solid #ccc;
|
||||||
|
border-top: 1px solid #ccc;
|
||||||
|
color: #333;
|
||||||
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
padding: 8px;
|
||||||
|
padding-left: 0;
|
||||||
|
padding-top: 2px;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9999;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.xdsoft_datetimepicker.xdsoft_rtl {
|
||||||
|
padding: 8px 0 8px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker iframe {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 75px;
|
||||||
|
height: 210px;
|
||||||
|
background: transparent;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*For IE8 or lower*/
|
||||||
|
.xdsoft_datetimepicker button {
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_noselect {
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
-o-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_noselect::selection { background: transparent }
|
||||||
|
.xdsoft_noselect::-moz-selection { background: transparent }
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_inline {
|
||||||
|
display: inline-block;
|
||||||
|
position: static;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker * {
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_datepicker {
|
||||||
|
width: 224px;
|
||||||
|
float: left;
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
|
||||||
|
float: right;
|
||||||
|
margin-right: 8px;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
|
||||||
|
width: 256px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_timepicker {
|
||||||
|
width: 58px;
|
||||||
|
float: left;
|
||||||
|
text-align: center;
|
||||||
|
margin-left: 8px;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
|
||||||
|
float: right;
|
||||||
|
margin-right: 8px;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
|
||||||
|
margin-top: 8px;
|
||||||
|
margin-bottom: 3px
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_mounthpicker {
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_label i,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_prev,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_next,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_today_button {
|
||||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_label i {
|
||||||
|
opacity: 0.5;
|
||||||
|
background-position: -92px -19px;
|
||||||
|
display: inline-block;
|
||||||
|
width: 9px;
|
||||||
|
height: 20px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_prev {
|
||||||
|
float: left;
|
||||||
|
background-position: -20px 0;
|
||||||
|
}
|
||||||
|
.xdsoft_datetimepicker .xdsoft_today_button {
|
||||||
|
float: left;
|
||||||
|
background-position: -70px 0;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_next {
|
||||||
|
float: right;
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_next,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_prev ,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_today_button {
|
||||||
|
background-color: transparent;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
border: 0 none;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
height: 30px;
|
||||||
|
opacity: 0.5;
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||||
|
outline: medium none;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: relative;
|
||||||
|
text-indent: 100%;
|
||||||
|
white-space: nowrap;
|
||||||
|
width: 20px;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
|
||||||
|
float: none;
|
||||||
|
background-position: -40px -15px;
|
||||||
|
height: 15px;
|
||||||
|
width: 30px;
|
||||||
|
display: block;
|
||||||
|
margin-left: 14px;
|
||||||
|
margin-top: 7px;
|
||||||
|
}
|
||||||
|
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
|
||||||
|
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
|
||||||
|
float: none;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
|
||||||
|
background-position: -40px 0;
|
||||||
|
margin-bottom: 7px;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
|
||||||
|
height: 151px;
|
||||||
|
overflow: hidden;
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
|
||||||
|
background: #f5f5f5;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
color: #666;
|
||||||
|
font-size: 12px;
|
||||||
|
text-align: center;
|
||||||
|
border-collapse: collapse;
|
||||||
|
cursor: pointer;
|
||||||
|
border-bottom-width: 0;
|
||||||
|
height: 25px;
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
|
||||||
|
border-top-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_today_button:hover,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_next:hover,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_prev:hover {
|
||||||
|
opacity: 1;
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_label {
|
||||||
|
display: inline;
|
||||||
|
position: relative;
|
||||||
|
z-index: 9999;
|
||||||
|
margin: 0;
|
||||||
|
padding: 5px 3px;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
background-color: #fff;
|
||||||
|
float: left;
|
||||||
|
width: 182px;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_label:hover>span {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_label:hover i {
|
||||||
|
opacity: 1.0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 30px;
|
||||||
|
z-index: 101;
|
||||||
|
display: none;
|
||||||
|
background: #fff;
|
||||||
|
max-height: 160px;
|
||||||
|
overflow-y: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
|
||||||
|
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
|
||||||
|
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
|
||||||
|
color: #fff;
|
||||||
|
background: #ff8000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
|
||||||
|
padding: 2px 10px 2px 5px;
|
||||||
|
text-decoration: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
|
||||||
|
background: #33aaff;
|
||||||
|
box-shadow: #178fe5 0 1px 3px 0 inset;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_month {
|
||||||
|
width: 100px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_year{
|
||||||
|
width: 48px;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar td > div {
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||||
|
height: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||||
|
width: 14.2857142%;
|
||||||
|
background: #f5f5f5;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
color: #666;
|
||||||
|
font-size: 12px;
|
||||||
|
text-align: right;
|
||||||
|
vertical-align: middle;
|
||||||
|
padding: 0;
|
||||||
|
border-collapse: collapse;
|
||||||
|
cursor: pointer;
|
||||||
|
height: 25px;
|
||||||
|
}
|
||||||
|
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
|
||||||
|
width: 12.5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||||
|
background: #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
|
||||||
|
color: #33aaff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
|
||||||
|
background: #ffe9d2;
|
||||||
|
box-shadow: #ffb871 0 1px 4px 0 inset;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
|
||||||
|
background: #c1ffc9;
|
||||||
|
box-shadow: #00dd1c 0 1px 4px 0 inset;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
|
||||||
|
background: #33aaff;
|
||||||
|
box-shadow: #178fe5 0 1px 3px 0 inset;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
|
||||||
|
opacity: 0.5;
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
|
||||||
|
opacity: 0.2;
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
|
||||||
|
color: #fff !important;
|
||||||
|
background: #ff8000 !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
|
||||||
|
background: #33aaff !important;
|
||||||
|
box-shadow: #178fe5 0 1px 3px 0 inset !important;
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
|
||||||
|
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
|
||||||
|
color: inherit !important;
|
||||||
|
background: inherit !important;
|
||||||
|
box-shadow: inherit !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||||
|
font-weight: 700;
|
||||||
|
text-align: center;
|
||||||
|
color: #999;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_copyright {
|
||||||
|
color: #ccc !important;
|
||||||
|
font-size: 10px;
|
||||||
|
clear: both;
|
||||||
|
float: none;
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
|
||||||
|
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }
|
||||||
|
|
||||||
|
.xdsoft_time_box {
|
||||||
|
position: relative;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
.xdsoft_scrollbar >.xdsoft_scroller {
|
||||||
|
background: #ccc !important;
|
||||||
|
height: 20px;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.xdsoft_scrollbar {
|
||||||
|
position: absolute;
|
||||||
|
width: 7px;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
|
||||||
|
left: 0;
|
||||||
|
right: auto;
|
||||||
|
}
|
||||||
|
.xdsoft_scroller_box {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark {
|
||||||
|
box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
|
||||||
|
background: #000;
|
||||||
|
border-bottom: 1px solid #444;
|
||||||
|
border-left: 1px solid #333;
|
||||||
|
border-right: 1px solid #333;
|
||||||
|
border-top: 1px solid #333;
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
|
||||||
|
border-bottom: 1px solid #222;
|
||||||
|
}
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
|
||||||
|
background: #0a0a0a;
|
||||||
|
border-top: 1px solid #222;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
|
||||||
|
border: 1px solid #333;
|
||||||
|
background: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
|
||||||
|
color: #000;
|
||||||
|
background: #007fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
|
||||||
|
background: #cc5500;
|
||||||
|
box-shadow: #b03e00 0 1px 3px 0 inset;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
|
||||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
|
||||||
|
background: #0a0a0a;
|
||||||
|
border: 1px solid #222;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
|
||||||
|
background: #0e0e0e;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
|
||||||
|
color: #cc5500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
|
||||||
|
background: #ffe9d2;
|
||||||
|
box-shadow: #ffb871 0 1px 4px 0 inset;
|
||||||
|
color:#000;
|
||||||
|
}
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
|
||||||
|
background: #c1ffc9;
|
||||||
|
box-shadow: #00dd1c 0 1px 4px 0 inset;
|
||||||
|
color:#000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
|
||||||
|
background: #cc5500;
|
||||||
|
box-shadow: #b03e00 0 1px 3px 0 inset;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
|
||||||
|
color: #000 !important;
|
||||||
|
background: #007fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
|
||||||
|
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }
|
||||||
|
|
||||||
|
.xdsoft_dark .xdsoft_time_box {
|
||||||
|
border: 1px solid #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
|
||||||
|
background: #333 !important;
|
||||||
|
}
|
||||||
|
.xdsoft_datetimepicker .xdsoft_save_selected {
|
||||||
|
display: block;
|
||||||
|
border: 1px solid #dddddd !important;
|
||||||
|
margin-top: 5px;
|
||||||
|
width: 100%;
|
||||||
|
color: #454551;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
.xdsoft_datetimepicker .blue-gradient-button {
|
||||||
|
font-family: "museo-sans", "Book Antiqua", sans-serif;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 300;
|
||||||
|
color: #82878c;
|
||||||
|
height: 28px;
|
||||||
|
position: relative;
|
||||||
|
padding: 4px 17px 4px 33px;
|
||||||
|
border: 1px solid #d7d8da;
|
||||||
|
background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||||
|
/* FF3.6+ */
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
|
||||||
|
/* Chrome,Safari4+ */
|
||||||
|
background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||||
|
/* Chrome10+,Safari5.1+ */
|
||||||
|
background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||||
|
/* Opera 11.10+ */
|
||||||
|
background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||||
|
/* IE10+ */
|
||||||
|
background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
|
||||||
|
/* W3C */
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
|
||||||
|
/* IE6-9 */
|
||||||
|
}
|
||||||
|
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
|
||||||
|
color: #454551;
|
||||||
|
background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||||
|
/* FF3.6+ */
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
|
||||||
|
/* Chrome,Safari4+ */
|
||||||
|
background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||||
|
/* Chrome10+,Safari5.1+ */
|
||||||
|
background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||||
|
/* Opera 11.10+ */
|
||||||
|
background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||||
|
/* IE10+ */
|
||||||
|
background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
|
||||||
|
/* W3C */
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
|
||||||
|
/* IE6-9 */
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,59 @@
|
||||||
|
/* ----------- UIKIT HACKs FOR BLUDIT ----------- */
|
||||||
|
html {
|
||||||
|
background: #F7F7F7;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
border-radius: 2px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-button-primary {
|
||||||
|
background: #444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-button-primary:hover {
|
||||||
|
background: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"],
|
||||||
|
input[type="password"] {
|
||||||
|
border-color: #EBEBEB !important;
|
||||||
|
border-radius: 2px !important;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-alert {
|
||||||
|
padding: 22px 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----------- BLUDIT ----------- */
|
||||||
|
|
||||||
|
div.login-box {
|
||||||
|
width: 400px;
|
||||||
|
max-width: calc(100% - 40px);
|
||||||
|
}
|
||||||
|
|
||||||
|
div.login-box > h1 {
|
||||||
|
font-weight: lighter;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
margin-top: -100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.login-form {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.login-form > h2 {
|
||||||
|
color: #777;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.login-email {
|
||||||
|
border: 0;
|
||||||
|
color: #777;
|
||||||
|
display: block;
|
||||||
|
margin: 20px 0;
|
||||||
|
padding: 0;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
/*! UIkit 2.26.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||||
|
.uk-form-file{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.uk-form-file input[type=file]{position:absolute;top:0;z-index:1;width:100%;opacity:0;cursor:pointer;left:0;font-size:500px}
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
/*! UIkit 2.26.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||||
|
.uk-placeholder{margin-bottom:15px;padding:15px;border:1px dashed #ddd;background:#fafafa;color:#444}*+.uk-placeholder{margin-top:15px}.uk-placeholder>:last-child{margin-bottom:0}.uk-placeholder-large{padding-top:80px;padding-bottom:80px}
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
/*! UIkit 2.26.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||||
|
.uk-progress{box-sizing:border-box;height:20px;margin-bottom:15px;background:#f5f5f5;overflow:hidden;line-height:20px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);border-radius:4px}*+.uk-progress{margin-top:15px}.uk-progress-bar{width:0;height:100%;background:#00a8e6;float:left;-webkit-transition:width .6s ease;transition:width .6s ease;font-size:12px;color:#fff;text-align:center;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}.uk-progress-mini{height:6px}.uk-progress-small{height:12px}.uk-progress-success .uk-progress-bar{background-color:#8cc14c}.uk-progress-warning .uk-progress-bar{background-color:#faa732}.uk-progress-danger .uk-progress-bar{background-color:#da314b}.uk-progress-striped .uk-progress-bar{background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:30px 30px}.uk-progress-striped.uk-active .uk-progress-bar{-webkit-animation:uk-progress-bar-stripes 2s linear infinite;animation:uk-progress-bar-stripes 2s linear infinite}@-webkit-keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}.uk-progress-mini,.uk-progress-small{border-radius:500px}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,2 @@
|
||||||
|
/*! UIkit 2.26.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||||||
|
.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1005 B |
|
|
@ -0,0 +1,151 @@
|
||||||
|
<!DOCTYPE HTML>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="<?php echo CHARSET ?>">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="robots" content="noindex,nofollow">
|
||||||
|
|
||||||
|
<title><?php echo $layout['title'] ?></title>
|
||||||
|
|
||||||
|
<!-- Favicon -->
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="<?php echo HTML_PATH_ADMIN_THEME.'img/favicon.png' ?>">
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" type="text/css" href="<?php echo HTML_PATH_ADMIN_THEME.'css/uikit/uikit.almost-flat.min.css?version='.BLUDIT_VERSION ?>">
|
||||||
|
<link rel="stylesheet" type="text/css" href="<?php echo HTML_PATH_ADMIN_THEME.'css/uikit/upload.almost-flat.min.css?version='.BLUDIT_VERSION ?>">
|
||||||
|
<link rel="stylesheet" type="text/css" href="<?php echo HTML_PATH_ADMIN_THEME.'css/uikit/form-file.almost-flat.min.css?version='.BLUDIT_VERSION ?>">
|
||||||
|
<link rel="stylesheet" type="text/css" href="<?php echo HTML_PATH_ADMIN_THEME.'css/uikit/placeholder.almost-flat.min.css?version='.BLUDIT_VERSION ?>">
|
||||||
|
<link rel="stylesheet" type="text/css" href="<?php echo HTML_PATH_ADMIN_THEME.'css/uikit/progress.almost-flat.min.css?version='.BLUDIT_VERSION ?>">
|
||||||
|
<link rel="stylesheet" type="text/css" href="<?php echo HTML_PATH_ADMIN_THEME.'css/default.css?version='.BLUDIT_VERSION ?>">
|
||||||
|
<link rel="stylesheet" type="text/css" href="<?php echo HTML_PATH_ADMIN_THEME.'css/jquery.datetimepicker.css?version='.BLUDIT_VERSION ?>">
|
||||||
|
|
||||||
|
<!-- Javascript -->
|
||||||
|
<script charset="utf-8" src="<?php echo HTML_PATH_ADMIN_THEME.'js/jquery.min.js?version='.BLUDIT_VERSION ?>"></script>
|
||||||
|
<script charset="utf-8" src="<?php echo HTML_PATH_ADMIN_THEME.'js/uikit/uikit.min.js?version='.BLUDIT_VERSION ?>"></script>
|
||||||
|
<script charset="utf-8" src="<?php echo HTML_PATH_ADMIN_THEME.'js/uikit/upload.min.js?version='.BLUDIT_VERSION ?>"></script>
|
||||||
|
<script charset="utf-8" src="<?php echo HTML_PATH_ADMIN_THEME.'js/jquery.datetimepicker.js?version='.BLUDIT_VERSION ?>"></script>
|
||||||
|
|
||||||
|
<!-- Plugins -->
|
||||||
|
<?php Theme::plugins('adminHead') ?>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Plugins -->
|
||||||
|
<?php Theme::plugins('adminBodyBegin') ?>
|
||||||
|
|
||||||
|
<!-- Alert -->
|
||||||
|
<script>
|
||||||
|
$(document).ready(function() {
|
||||||
|
<?php
|
||||||
|
if( Alert::defined() ) {
|
||||||
|
echo '$("#alert").slideDown().delay(3500).slideUp();';
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
$(window).click(function() {
|
||||||
|
$("#alert").hide();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div id="alert" class="<?php echo (Alert::status()==ALERT_STATUS_OK)?'alert-ok':'alert-fail'; ?>">
|
||||||
|
<?php Alert::p() ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Offcanvas for Mobile -->
|
||||||
|
<div id="offcanvas" class="uk-offcanvas">
|
||||||
|
<div class="uk-offcanvas-bar">
|
||||||
|
<ul class="uk-nav uk-nav-offcanvas">
|
||||||
|
<li><a href="<?php echo HTML_PATH_ADMIN_ROOT.'dashboard' ?>"><?php $L->p('Dashboard') ?></a></li>
|
||||||
|
<li><a href="<?php echo HTML_PATH_ADMIN_ROOT.'new-post' ?>"><?php $L->p('New post') ?></a></li>
|
||||||
|
<li><a href="<?php echo HTML_PATH_ADMIN_ROOT.'new-page' ?>"><?php $L->p('New page') ?></a></li>
|
||||||
|
<li><a href="<?php echo HTML_PATH_ADMIN_ROOT.'manage-posts' ?>"><?php $L->p('Manage posts') ?></a></li>
|
||||||
|
<li><a href="<?php echo HTML_PATH_ADMIN_ROOT.'manage-pages' ?>"><?php $L->p('Manage pages') ?></a></li>
|
||||||
|
<?php if($Login->role() == 'admin') { ?>
|
||||||
|
<li><a href="<?php echo HTML_PATH_ADMIN_ROOT.'users' ?>"><?php $L->p('Manage users') ?></a></li>
|
||||||
|
<li><a href="<?php echo HTML_PATH_ADMIN_ROOT.'settings-general' ?>"><?php $L->p('General settings') ?></a></li>
|
||||||
|
<li><a href="<?php echo HTML_PATH_ADMIN_ROOT.'settings-advanced' ?>"><?php $L->p('Advanced settings') ?></a></li>
|
||||||
|
<li><a href="<?php echo HTML_PATH_ADMIN_ROOT.'settings-regional' ?>"><?php $L->p('Language and timezone') ?></a></li>
|
||||||
|
<li><a href="<?php echo HTML_PATH_ADMIN_ROOT.'plugins' ?>"><?php $L->p('Plugins') ?></a></li>
|
||||||
|
<li><a href="<?php echo HTML_PATH_ADMIN_ROOT.'themes' ?>"><?php $L->p('Themes') ?></a></li>
|
||||||
|
<li><a href="<?php echo HTML_PATH_ADMIN_ROOT.'about' ?>"><?php $L->p('About') ?></a></li>
|
||||||
|
<?php } ?>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav id="bl-navbar">
|
||||||
|
<a href="" class="bl-brand">BLUDIT</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- View -->
|
||||||
|
<div class="bl-container">
|
||||||
|
|
||||||
|
<div class="uk-grid uk-grid-small">
|
||||||
|
|
||||||
|
<div id="bl-sidebar" class="uk-width-1-4">
|
||||||
|
<ul class="uk-nav">
|
||||||
|
|
||||||
|
<li <?php echo ($layout['view']=='dashboard')?'class="uk-active"':'' ?>>
|
||||||
|
<a href="<?php echo HTML_PATH_ADMIN_ROOT.'dashboard' ?>"><?php $L->p('Dashboard') ?></a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="uk-nav-header">Write</li>
|
||||||
|
<li <?php echo ($layout['view']=='new-post')?'class="uk-active"':'' ?>>
|
||||||
|
<a href="<?php echo HTML_PATH_ADMIN_ROOT.'new-post' ?>"><?php $L->p('New post') ?></a>
|
||||||
|
</li>
|
||||||
|
<li <?php echo ($layout['view']=='new-page')?'class="uk-active"':'' ?>>
|
||||||
|
<a href="<?php echo HTML_PATH_ADMIN_ROOT.'new-page' ?>"><?php $L->p('New page') ?></a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="uk-nav-header">Manage</li>
|
||||||
|
<li <?php echo ($layout['view']=='new-page')?'class="uk-active"':'' ?>>
|
||||||
|
<a href="<?php echo HTML_PATH_ADMIN_ROOT.'manage-posts' ?>"><?php $L->p('Posts') ?></a>
|
||||||
|
</li>
|
||||||
|
<li <?php echo ($layout['view']=='new-page')?'class="uk-active"':'' ?>>
|
||||||
|
<a href="<?php echo HTML_PATH_ADMIN_ROOT.'manage-pages' ?>"><?php $L->p('Pages') ?></a>
|
||||||
|
</li>
|
||||||
|
<li <?php echo ($layout['view']=='new-page')?'class="uk-active"':'' ?>>
|
||||||
|
<a href="<?php echo HTML_PATH_ADMIN_ROOT.'users' ?>"><?php $L->p('Users') ?></a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="uk-nav-header">Settings</li>
|
||||||
|
<li <?php echo ($layout['view']=='new-page')?'class="uk-active"':'' ?>>
|
||||||
|
<a href="<?php echo HTML_PATH_ADMIN_ROOT.'settings-general' ?>"><?php $L->p('General') ?></a>
|
||||||
|
</li>
|
||||||
|
<li <?php echo ($layout['view']=='new-page')?'class="uk-active"':'' ?>>
|
||||||
|
<a href="<?php echo HTML_PATH_ADMIN_ROOT.'settings-advanced' ?>"><?php $L->p('Advanced') ?></a>
|
||||||
|
</li>
|
||||||
|
<li <?php echo ($layout['view']=='new-page')?'class="uk-active"':'' ?>>
|
||||||
|
<a href="<?php echo HTML_PATH_ADMIN_ROOT.'settings-regional' ?>"><?php $L->p('Language and timezone') ?></a>
|
||||||
|
</li>
|
||||||
|
<li <?php echo ($layout['view']=='new-page')?'class="uk-active"':'' ?>>
|
||||||
|
<a href="<?php echo HTML_PATH_ADMIN_ROOT.'plugins' ?>"><?php $L->p('Plugins') ?></a>
|
||||||
|
</li>
|
||||||
|
<li <?php echo ($layout['view']=='new-page')?'class="uk-active"':'' ?>>
|
||||||
|
<a href="<?php echo HTML_PATH_ADMIN_ROOT.'themes' ?>"><?php $L->p('Themes') ?></a>
|
||||||
|
</li>
|
||||||
|
<li <?php echo ($layout['view']=='new-page')?'class="uk-active"':'' ?>>
|
||||||
|
<a href="<?php echo HTML_PATH_ADMIN_ROOT.'about' ?>"><?php $L->p('About') ?></a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="uk-width-3-4">
|
||||||
|
<?php
|
||||||
|
if( Sanitize::pathFile(PATH_ADMIN_VIEWS, $layout['view'].'.php') ) {
|
||||||
|
include(PATH_ADMIN_VIEWS.$layout['view'].'.php');
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Javascript -->
|
||||||
|
<?php include(PATH_JS.'functions.php') ?>
|
||||||
|
|
||||||
|
<!-- Plugins -->
|
||||||
|
<?php Theme::plugins('adminBodyEnd') ?>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,394 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
class HTML {
|
||||||
|
|
||||||
|
public static function title($args)
|
||||||
|
{
|
||||||
|
$html = '<h2 class="title"><i class="uk-icon-'.$args['icon'].'"></i> '.$args['title'].'</h2>';
|
||||||
|
echo $html;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function formOpen($args)
|
||||||
|
{
|
||||||
|
$class = empty($args['class']) ? '' : ' '.$args['class'];
|
||||||
|
$id = empty($args['id']) ? '' : 'id="'.$args['id'].'"';
|
||||||
|
|
||||||
|
$html = '<form class="uk-form'.$class.'" '.$id.' method="post" action="" autocomplete="off">';
|
||||||
|
echo $html;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function formClose()
|
||||||
|
{
|
||||||
|
$html = '</form>';
|
||||||
|
|
||||||
|
$script = '<script>
|
||||||
|
|
||||||
|
$(document).ready(function() {
|
||||||
|
|
||||||
|
// Prevent the form submit when press enter key.
|
||||||
|
$("form").keypress(function(e) {
|
||||||
|
if( (e.which == 13) && (e.target.type !== "textarea") ) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>';
|
||||||
|
|
||||||
|
echo $html.$script;
|
||||||
|
}
|
||||||
|
|
||||||
|
// label, name, value, tip
|
||||||
|
public static function formInputText($args)
|
||||||
|
{
|
||||||
|
$id = 'js'.$args['name'];
|
||||||
|
$type = isset($args['type']) ? $args['type'] : 'text';
|
||||||
|
$class = empty($args['class']) ? '' : 'class="'.$args['class'].'"';
|
||||||
|
$placeholder = empty($args['placeholder']) ? '' : 'placeholder="'.$args['placeholder'].'"';
|
||||||
|
$disabled = empty($args['disabled']) ? '' : 'disabled';
|
||||||
|
|
||||||
|
$html = '<div class="uk-form-row">';
|
||||||
|
|
||||||
|
if(!empty($args['label'])) {
|
||||||
|
$html .= '<label for="'.$id.'" class="uk-form-label">'.$args['label'].'</label>';
|
||||||
|
}
|
||||||
|
|
||||||
|
$html .= '<div class="uk-form-controls">';
|
||||||
|
|
||||||
|
$html .= '<input id="'.$id.'" name="'.$args['name'].'" type="'.$type.'" '.$class.' '.$placeholder.' autocomplete="off" '.$disabled.' value="'.$args['value'].'">';
|
||||||
|
|
||||||
|
if(!empty($args['tip'])) {
|
||||||
|
$html .= '<p class="uk-form-help-block">'.$args['tip'].'</p>';
|
||||||
|
}
|
||||||
|
|
||||||
|
$html .= '</div>';
|
||||||
|
$html .= '</div>';
|
||||||
|
|
||||||
|
echo $html;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function tags($args)
|
||||||
|
{
|
||||||
|
global $L;
|
||||||
|
// Javascript code
|
||||||
|
include(PATH_JS.'bludit-tags.js');
|
||||||
|
|
||||||
|
$html = '<div id="bludit-tags" class="uk-form-row">';
|
||||||
|
|
||||||
|
$html .= '<input type="hidden" id="jstags" name="tags" value="">';
|
||||||
|
|
||||||
|
$html .= '<label for="jstagInput" class="uk-form-label">'.$args['label'].'</label>';
|
||||||
|
|
||||||
|
$html .= '<div class="uk-form-controls">';
|
||||||
|
$html .= '<input id="jstagInput" type="text" class="uk-width-1-2" autocomplete="off">';
|
||||||
|
$html .= '<button id="jstagAdd" class="uk-button">'.$L->g('Add').'</button>';
|
||||||
|
|
||||||
|
$html .= '<div id="jstagList">';
|
||||||
|
|
||||||
|
foreach($args['allTags'] as $tag) {
|
||||||
|
$html .= '<span data-tag="'.$tag.'" class="'.( in_array($tag, $args['selectedTags'])?'select':'unselect' ).'">'.$tag.'</span>';
|
||||||
|
}
|
||||||
|
|
||||||
|
$html .= '</div>';
|
||||||
|
$html .= '</div>';
|
||||||
|
$html .= '</div>';
|
||||||
|
|
||||||
|
echo $html;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function formInputPassword($args)
|
||||||
|
{
|
||||||
|
$args['type'] = 'password';
|
||||||
|
self::formInputText($args);
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function formTextarea($args)
|
||||||
|
{
|
||||||
|
$id = 'js'.$args['name'];
|
||||||
|
$type = isset($args['type']) ? $args['type'] : 'text';
|
||||||
|
$class = empty($args['class']) ? '' : 'class="'.$args['class'].'"';
|
||||||
|
$placeholder = empty($args['placeholder']) ? '' : 'placeholder="'.$args['placeholder'].'"';
|
||||||
|
$rows = empty($args['rows']) ? '' : 'rows="'.$args['rows'].'"';
|
||||||
|
|
||||||
|
$html = '<div class="uk-form-row">';
|
||||||
|
|
||||||
|
if(!empty($args['label'])) {
|
||||||
|
$html .= '<label for="'.$id.'" class="uk-form-label">'.$args['label'].'</label>';
|
||||||
|
}
|
||||||
|
|
||||||
|
$html .= '<div class="uk-form-controls">';
|
||||||
|
|
||||||
|
$html .= '<textarea id="'.$id.'" name="'.$args['name'].'" '.$class.' '.$placeholder.' '.$rows.'>'.$args['value'].'</textarea>';
|
||||||
|
|
||||||
|
if(!empty($args['tip'])) {
|
||||||
|
$html .= '<p class="uk-form-help-block">'.$args['tip'].'</p>';
|
||||||
|
}
|
||||||
|
|
||||||
|
$html .= '</div>';
|
||||||
|
$html .= '</div>';
|
||||||
|
|
||||||
|
echo $html;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function formSelect($args)
|
||||||
|
{
|
||||||
|
$id = 'js'.$args['name'];
|
||||||
|
$type = isset($args['type']) ? $args['type'] : 'text';
|
||||||
|
$class = empty($args['class']) ? '' : 'class="'.$args['class'].'"';
|
||||||
|
|
||||||
|
$html = '<div class="uk-form-row">';
|
||||||
|
$html .= '<label for="'.$id.'" class="uk-form-label">'.$args['label'].'</label>';
|
||||||
|
$html .= '<div class="uk-form-controls">';
|
||||||
|
$html .= '<select id="'.$id.'" name="'.$args['name'].'" '.$class.'>';
|
||||||
|
foreach($args['options'] as $key=>$value) {
|
||||||
|
$html .= '<option value="'.$key.'"'.( ($args['selected']==$key)?' selected="selected"':'').'>'.$value.'</option>';
|
||||||
|
}
|
||||||
|
$html .= '</select>';
|
||||||
|
$html .= '<p class="uk-form-help-block">'.$args['tip'].'</p>';
|
||||||
|
$html .= '</div>';
|
||||||
|
$html .= '</div>';
|
||||||
|
|
||||||
|
echo $html;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function formInputHidden($args)
|
||||||
|
{
|
||||||
|
$id = 'js'.$args['name'];
|
||||||
|
|
||||||
|
$html = '<input type="hidden" id="'.$id.'" name="'.$args['name'].'" value="'.$args['value'].'">';
|
||||||
|
echo $html;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function legend($args)
|
||||||
|
{
|
||||||
|
$class = empty($args['class']) ? '' : 'class="'.$args['class'].'"';
|
||||||
|
|
||||||
|
$html = '<legend '.$class.'>'.$args['value'].'</legend>';
|
||||||
|
echo $html;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function bluditQuickImages()
|
||||||
|
{
|
||||||
|
// Javascript code
|
||||||
|
include(PATH_JS.'bludit-quick-images.js');
|
||||||
|
|
||||||
|
global $L;
|
||||||
|
|
||||||
|
$html = '<!-- BLUDIT QUICK IMAGES -->';
|
||||||
|
$html .= '
|
||||||
|
<div id="bludit-quick-images">
|
||||||
|
<div id="bludit-quick-images-thumbnails" onmousedown="return false">
|
||||||
|
';
|
||||||
|
|
||||||
|
$thumbnailList = Filesystem::listFiles(PATH_UPLOADS_THUMBNAILS,'*','*',true);
|
||||||
|
array_splice($thumbnailList, THUMBNAILS_AMOUNT);
|
||||||
|
foreach($thumbnailList as $file) {
|
||||||
|
$filename = basename($file);
|
||||||
|
$html .= '<img class="bludit-thumbnail" data-filename="'.$filename.'" src="'.HTML_PATH_UPLOADS_THUMBNAILS.$filename.'" alt="Thumbnail">';
|
||||||
|
}
|
||||||
|
|
||||||
|
$html .= '
|
||||||
|
</div>
|
||||||
|
';
|
||||||
|
|
||||||
|
$html .= '<div class="empty-images uk-block uk-text-center uk-block-muted" '.( !empty($thumbnailList)?'style="display:none"':'' ).'>'.$L->g('There are no images').'</div>';
|
||||||
|
|
||||||
|
$html .= '
|
||||||
|
<a data-uk-modal href="#bludit-images-v8" class="moreImages uk-button"><i class="uk-icon-folder-o"></i> '.$L->g('More images').'</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
';
|
||||||
|
|
||||||
|
echo $html;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function bluditCoverImage($coverImage="")
|
||||||
|
{
|
||||||
|
global $L;
|
||||||
|
|
||||||
|
// Javascript code
|
||||||
|
include(PATH_JS.'bludit-cover-image.js');
|
||||||
|
|
||||||
|
$style = '';
|
||||||
|
if(!empty($coverImage)) {
|
||||||
|
$style = 'background-image: url('.HTML_PATH_UPLOADS_THUMBNAILS.$coverImage.')';
|
||||||
|
}
|
||||||
|
|
||||||
|
$html = '<!-- BLUDIT COVER IMAGE -->';
|
||||||
|
$html .= '
|
||||||
|
<div id="bludit-cover-image">
|
||||||
|
<div id="cover-image-thumbnail" class="uk-form-file uk-placeholder uk-text-center" style="'.$style.'">
|
||||||
|
|
||||||
|
<input type="hidden" name="coverImage" id="cover-image-upload-filename" value="'.$coverImage.'">
|
||||||
|
|
||||||
|
<div id="cover-image-upload" '.( empty($coverImage)?'':'style="display: none;"' ).'>
|
||||||
|
<div><i class="uk-icon-picture-o"></i> '.$L->g('Cover image').'</div>
|
||||||
|
<div style="font-size:0.8em;">'.$L->g('Drag and drop or click here').'<input id="cover-image-file-select" type="file"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="cover-image-delete" '.( empty($coverImage)?'':'style="display: block;"' ).'>
|
||||||
|
<div><i class="uk-icon-trash-o"></i></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="cover-image-progressbar" class="uk-progress">
|
||||||
|
<div class="uk-progress-bar" style="width: 0%;">0%</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
';
|
||||||
|
|
||||||
|
echo $html;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function bluditMenuV8()
|
||||||
|
{
|
||||||
|
// Javascript code
|
||||||
|
include(PATH_JS.'bludit-menu-v8.js');
|
||||||
|
|
||||||
|
global $L;
|
||||||
|
|
||||||
|
$html = '<!-- BLUDIT MENU V8 -->';
|
||||||
|
$html .= '
|
||||||
|
<ul id="bludit-menuV8">
|
||||||
|
<li id="bludit-menuV8-insert"><i class="uk-icon-plus"></i>'.$L->g('Insert image').'</li>
|
||||||
|
<li id="bludit-menuV8-cover"><i class="uk-icon-picture-o"></i>'.$L->g('Set as cover image').'</li>
|
||||||
|
<li id="bludit-menuV8-delete"><i class="uk-icon-trash"></i>'.$L->g('Delete image').'</li>
|
||||||
|
</ul>
|
||||||
|
';
|
||||||
|
|
||||||
|
echo $html;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function bluditImagesV8()
|
||||||
|
{
|
||||||
|
global $L;
|
||||||
|
|
||||||
|
// Javascript code
|
||||||
|
include(PATH_JS.'bludit-images-v8.js');
|
||||||
|
|
||||||
|
$html = '<!-- BLUDIT IMAGES V8 -->';
|
||||||
|
$html .= '
|
||||||
|
<div id="bludit-images-v8" class="uk-modal">
|
||||||
|
<div class="uk-modal-dialog">
|
||||||
|
|
||||||
|
<div id="bludit-images-v8-upload" class="uk-form-file uk-placeholder uk-text-center">
|
||||||
|
|
||||||
|
<div id="bludit-images-v8-drag-drop">
|
||||||
|
<div><i class="uk-icon-picture-o"></i> '.$L->g('Upload image').'</div>
|
||||||
|
<div style="font-size:0.8em;">'.$L->g('Drag and drop or click here').'<input id="bludit-images-v8-file-select" type="file"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="bludit-images-v8-progressbar" class="uk-progress">
|
||||||
|
<div class="uk-progress-bar" style="width: 0%;">0%</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="bludit-images-v8-thumbnails">
|
||||||
|
';
|
||||||
|
|
||||||
|
$thumbnailList = Filesystem::listFiles(PATH_UPLOADS_THUMBNAILS,'*','*',true);
|
||||||
|
foreach($thumbnailList as $file) {
|
||||||
|
$filename = basename($file);
|
||||||
|
$html .= '<img class="bludit-thumbnail" src="'.HTML_PATH_UPLOADS_THUMBNAILS.$filename.'" data-filename="'.$filename.'" alt="Thumbnail">';
|
||||||
|
}
|
||||||
|
|
||||||
|
$html .= '
|
||||||
|
</div>
|
||||||
|
';
|
||||||
|
|
||||||
|
$html .= '<div class="empty-images uk-block uk-text-center uk-block-muted" '.( !empty($thumbnailList)?'style="display:none"':'' ).'>'.$L->g('There are no images').'</div>';
|
||||||
|
|
||||||
|
$html .= '
|
||||||
|
<div class="uk-modal-footer">
|
||||||
|
'.$L->g('Click on the image for options').' <a href="" class="uk-modal-close">'.$L->g('Click here to cancel').'</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
';
|
||||||
|
|
||||||
|
echo $html;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
public static function profileUploader($username)
|
||||||
|
{
|
||||||
|
global $L;
|
||||||
|
|
||||||
|
$html = '<!-- BLUDIT PROFILE UPLOADER -->';
|
||||||
|
|
||||||
|
$html .= '
|
||||||
|
<div id="bludit-profile-picture">
|
||||||
|
|
||||||
|
<div id="bludit-profile-picture-image">';
|
||||||
|
|
||||||
|
if(file_exists(PATH_UPLOADS_PROFILES.$username.'.png')) {
|
||||||
|
$html .= '<img class="uk-border-rounded" src="'.HTML_PATH_UPLOADS_PROFILES.$username.'.png" alt="Profile picture">';
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$html .= '<div class="uk-block uk-border-rounded uk-block-muted uk-block-large">'.$L->g('Profile picture').'</div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
$html .= '
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="bludit-profile-picture-progressbar" class="uk-progress">
|
||||||
|
<div class="uk-progress-bar" style="width: 0%;">0%</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="bludit-profile-picture-drag-drop" class="uk-form-file uk-placeholder uk-text-center">
|
||||||
|
<div>'.$L->g('Upload image').'</div>
|
||||||
|
<div style="font-size:0.8em;">'.$L->g('Drag and drop or click here').'<input id="bludit-profile-picture-file-select" type="file"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
';
|
||||||
|
|
||||||
|
$script = '
|
||||||
|
<script>
|
||||||
|
$(document).ready(function() {
|
||||||
|
|
||||||
|
var settings =
|
||||||
|
{
|
||||||
|
type: "json",
|
||||||
|
action: HTML_PATH_ADMIN_ROOT+"ajax/uploader",
|
||||||
|
allow : "*.(jpg|jpeg|gif|png)",
|
||||||
|
params: {"type":"profilePicture", "username":"'.$username.'"},
|
||||||
|
|
||||||
|
loadstart: function() {
|
||||||
|
$("#bludit-profile-picture-progressbar").find(".uk-progress-bar").css("width", "0%").text("0%");
|
||||||
|
$("#bludit-profile-picture-progressbar").show();
|
||||||
|
},
|
||||||
|
|
||||||
|
progress: function(percent) {
|
||||||
|
percent = Math.ceil(percent);
|
||||||
|
$("#bludit-profile-picture-progressbar").find(".uk-progress-bar").css("width", percent+"%").text(percent+"%");
|
||||||
|
},
|
||||||
|
|
||||||
|
allcomplete: function(response) {
|
||||||
|
$("#bludit-profile-picture-progressbar").find(".uk-progress-bar").css("width", "100%").text("100%");
|
||||||
|
$("#bludit-profile-picture-progressbar").hide();
|
||||||
|
|
||||||
|
$("#bludit-profile-picture-image").html("<img class=\"uk-border-rounded\" src=\"'.HTML_PATH_UPLOADS_PROFILES.$username.'.png?time='.time().'\">");
|
||||||
|
},
|
||||||
|
|
||||||
|
notallowed: function(file, settings) {
|
||||||
|
alert("'.$L->g('Supported image file types').' "+settings.allow);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
UIkit.uploadSelect($("#bludit-profile-picture-file-select"), settings);
|
||||||
|
UIkit.uploadDrop($("#bludit-profile-picture-drag-drop"), settings);
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
';
|
||||||
|
|
||||||
|
echo $html.$script;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,256 @@
|
||||||
|
(function(addon) {
|
||||||
|
|
||||||
|
var component;
|
||||||
|
|
||||||
|
if (window.UIkit) {
|
||||||
|
component = addon(UIkit);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof define == "function" && define.amd) {
|
||||||
|
define("uikit-upload", ["uikit"], function(){
|
||||||
|
return component || addon(UIkit);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
})(function(UI){
|
||||||
|
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
UI.component('uploadSelect', {
|
||||||
|
|
||||||
|
init: function() {
|
||||||
|
|
||||||
|
var $this = this;
|
||||||
|
|
||||||
|
this.on("change", function() {
|
||||||
|
xhrupload($this.element[0].files, $this.options);
|
||||||
|
var twin = $this.element.clone(true).data('uploadSelect', $this);
|
||||||
|
$this.element.replaceWith(twin);
|
||||||
|
$this.element = twin;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
UI.component('uploadDrop', {
|
||||||
|
|
||||||
|
defaults: {
|
||||||
|
'dragoverClass': 'uk-dragover'
|
||||||
|
},
|
||||||
|
|
||||||
|
init: function() {
|
||||||
|
|
||||||
|
var $this = this, hasdragCls = false;
|
||||||
|
|
||||||
|
this.on("drop", function(e){
|
||||||
|
|
||||||
|
if (e.originalEvent.dataTransfer && e.originalEvent.dataTransfer.files) {
|
||||||
|
|
||||||
|
e.stopPropagation();
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
$this.element.removeClass($this.options.dragoverClass);
|
||||||
|
$this.element.trigger('dropped.uk.upload', [e.originalEvent.dataTransfer.files]);
|
||||||
|
|
||||||
|
xhrupload(e.originalEvent.dataTransfer.files, $this.options);
|
||||||
|
}
|
||||||
|
|
||||||
|
}).on("dragenter", function(e){
|
||||||
|
e.stopPropagation();
|
||||||
|
e.preventDefault();
|
||||||
|
}).on("dragover", function(e){
|
||||||
|
e.stopPropagation();
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
if (!hasdragCls) {
|
||||||
|
$this.element.addClass($this.options.dragoverClass);
|
||||||
|
hasdragCls = true;
|
||||||
|
}
|
||||||
|
}).on("dragleave", function(e){
|
||||||
|
e.stopPropagation();
|
||||||
|
e.preventDefault();
|
||||||
|
$this.element.removeClass($this.options.dragoverClass);
|
||||||
|
hasdragCls = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
UI.support.ajaxupload = (function() {
|
||||||
|
|
||||||
|
function supportFileAPI() {
|
||||||
|
var fi = document.createElement('INPUT'); fi.type = 'file'; return 'files' in fi;
|
||||||
|
}
|
||||||
|
|
||||||
|
function supportAjaxUploadProgressEvents() {
|
||||||
|
var xhr = new XMLHttpRequest(); return !! (xhr && ('upload' in xhr) && ('onprogress' in xhr.upload));
|
||||||
|
}
|
||||||
|
|
||||||
|
function supportFormData() {
|
||||||
|
return !! window.FormData;
|
||||||
|
}
|
||||||
|
|
||||||
|
return supportFileAPI() && supportAjaxUploadProgressEvents() && supportFormData();
|
||||||
|
})();
|
||||||
|
|
||||||
|
|
||||||
|
function xhrupload(files, settings) {
|
||||||
|
|
||||||
|
if (!UI.support.ajaxupload){
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
|
||||||
|
settings = UI.$.extend({}, xhrupload.defaults, settings);
|
||||||
|
|
||||||
|
if (!files.length){
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (settings.allow !== '*.*') {
|
||||||
|
|
||||||
|
for(var i=0,file;file=files[i];i++) {
|
||||||
|
|
||||||
|
if(!matchName(settings.allow, file.name)) {
|
||||||
|
|
||||||
|
if(typeof(settings.notallowed) == 'string') {
|
||||||
|
alert(settings.notallowed);
|
||||||
|
} else {
|
||||||
|
settings.notallowed(file, settings);
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var complete = settings.complete;
|
||||||
|
|
||||||
|
if (settings.single){
|
||||||
|
|
||||||
|
var count = files.length,
|
||||||
|
uploaded = 0,
|
||||||
|
allow = true;
|
||||||
|
|
||||||
|
settings.beforeAll(files);
|
||||||
|
|
||||||
|
settings.complete = function(response, xhr){
|
||||||
|
|
||||||
|
uploaded = uploaded + 1;
|
||||||
|
|
||||||
|
complete(response, xhr);
|
||||||
|
|
||||||
|
if (settings.filelimit && uploaded >= settings.filelimit){
|
||||||
|
allow = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (allow && uploaded<count){
|
||||||
|
upload([files[uploaded]], settings);
|
||||||
|
} else {
|
||||||
|
settings.allcomplete(response, xhr);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
upload([files[0]], settings);
|
||||||
|
|
||||||
|
} else {
|
||||||
|
|
||||||
|
settings.complete = function(response, xhr){
|
||||||
|
complete(response, xhr);
|
||||||
|
settings.allcomplete(response, xhr);
|
||||||
|
};
|
||||||
|
|
||||||
|
upload(files, settings);
|
||||||
|
}
|
||||||
|
|
||||||
|
function upload(files, settings){
|
||||||
|
|
||||||
|
// upload all at once
|
||||||
|
var formData = new FormData(), xhr = new XMLHttpRequest();
|
||||||
|
|
||||||
|
if (settings.before(settings, files)===false) return;
|
||||||
|
|
||||||
|
for (var i = 0, f; f = files[i]; i++) { formData.append(settings.param, f); }
|
||||||
|
for (var p in settings.params) { formData.append(p, settings.params[p]); }
|
||||||
|
|
||||||
|
// Add any event handlers here...
|
||||||
|
xhr.upload.addEventListener("progress", function(e){
|
||||||
|
var percent = (e.loaded / e.total)*100;
|
||||||
|
settings.progress(percent, e);
|
||||||
|
}, false);
|
||||||
|
|
||||||
|
xhr.addEventListener("loadstart", function(e){ settings.loadstart(e); }, false);
|
||||||
|
xhr.addEventListener("load", function(e){ settings.load(e); }, false);
|
||||||
|
xhr.addEventListener("loadend", function(e){ settings.loadend(e); }, false);
|
||||||
|
xhr.addEventListener("error", function(e){ settings.error(e); }, false);
|
||||||
|
xhr.addEventListener("abort", function(e){ settings.abort(e); }, false);
|
||||||
|
|
||||||
|
xhr.open(settings.method, settings.action, true);
|
||||||
|
|
||||||
|
if (settings.type=="json") {
|
||||||
|
xhr.setRequestHeader("Accept", "application/json");
|
||||||
|
}
|
||||||
|
|
||||||
|
xhr.onreadystatechange = function() {
|
||||||
|
|
||||||
|
settings.readystatechange(xhr);
|
||||||
|
|
||||||
|
if (xhr.readyState==4){
|
||||||
|
|
||||||
|
var response = xhr.responseText;
|
||||||
|
|
||||||
|
if (settings.type=="json") {
|
||||||
|
try {
|
||||||
|
response = UI.$.parseJSON(response);
|
||||||
|
} catch(e) {
|
||||||
|
response = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
settings.complete(response, xhr);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
settings.beforeSend(xhr);
|
||||||
|
xhr.send(formData);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
xhrupload.defaults = {
|
||||||
|
'action': '',
|
||||||
|
'single': true,
|
||||||
|
'method': 'POST',
|
||||||
|
'param' : 'files[]',
|
||||||
|
'params': {},
|
||||||
|
'allow' : '*.*',
|
||||||
|
'type' : 'text',
|
||||||
|
'filelimit': false,
|
||||||
|
|
||||||
|
// events
|
||||||
|
'before' : function(o){},
|
||||||
|
'beforeSend' : function(xhr){},
|
||||||
|
'beforeAll' : function(){},
|
||||||
|
'loadstart' : function(){},
|
||||||
|
'load' : function(){},
|
||||||
|
'loadend' : function(){},
|
||||||
|
'error' : function(){},
|
||||||
|
'abort' : function(){},
|
||||||
|
'progress' : function(){},
|
||||||
|
'complete' : function(){},
|
||||||
|
'allcomplete' : function(){},
|
||||||
|
'readystatechange': function(){},
|
||||||
|
'notallowed' : function(file, settings){ alert('Only the following file types are allowed: '+settings.allow); }
|
||||||
|
};
|
||||||
|
|
||||||
|
function matchName(pattern, path) {
|
||||||
|
|
||||||
|
var parsedPattern = '^' + pattern.replace(/\//g, '\\/').
|
||||||
|
replace(/\*\*/g, '(\\/[^\\/]+)*').
|
||||||
|
replace(/\*/g, '[^\\/]+').
|
||||||
|
replace(/((?!\\))\?/g, '$1.') + '$';
|
||||||
|
|
||||||
|
parsedPattern = '^' + parsedPattern + '$';
|
||||||
|
|
||||||
|
return (path.match(new RegExp(parsedPattern, 'i')) !== null);
|
||||||
|
}
|
||||||
|
|
||||||
|
UI.Utils.xhrupload = xhrupload;
|
||||||
|
|
||||||
|
return xhrupload;
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,48 @@
|
||||||
|
<!DOCTYPE HTML>
|
||||||
|
<html class="uk-height-1-1 uk-notouch">
|
||||||
|
<head>
|
||||||
|
<meta charset="<?php echo CHARSET ?>">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="robots" content="noindex,nofollow">
|
||||||
|
|
||||||
|
<title>Bludit</title>
|
||||||
|
|
||||||
|
<!-- Favicon -->
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="<?php echo HTML_PATH_ADMIN_THEME.'img/favicon.png' ?>">
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" type="text/css" href="<?php echo HTML_PATH_ADMIN_THEME.'css/uikit/uikit.almost-flat.min.css?version='.BLUDIT_VERSION ?>">
|
||||||
|
<link rel="stylesheet" type="text/css" href="<?php echo HTML_PATH_ADMIN_THEME.'css/login.css?version='.BLUDIT_VERSION ?>">
|
||||||
|
|
||||||
|
<!-- Javascript -->
|
||||||
|
<script charset="utf-8" src="<?php echo HTML_PATH_ADMIN_THEME.'js/jquery.min.js?version='.BLUDIT_VERSION ?>"></script>
|
||||||
|
<script charset="utf-8" src="<?php echo HTML_PATH_ADMIN_THEME.'js/uikit/uikit.min.js?version='.BLUDIT_VERSION ?>"></script>
|
||||||
|
|
||||||
|
<!-- Plugins -->
|
||||||
|
<?php Theme::plugins('loginHead') ?>
|
||||||
|
</head>
|
||||||
|
<body class="uk-height-1-1">
|
||||||
|
|
||||||
|
<!-- Plugins -->
|
||||||
|
<?php Theme::plugins('loginBodyBegin') ?>
|
||||||
|
|
||||||
|
<div class="uk-vertical-align uk-text-center uk-height-1-1">
|
||||||
|
<div class="uk-vertical-align-middle login-box">
|
||||||
|
<h1>BLUDIT</h1>
|
||||||
|
<?php
|
||||||
|
if(Alert::defined()) {
|
||||||
|
echo '<div class="uk-alert">'.Alert::get().'</div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
if( Sanitize::pathFile(PATH_ADMIN_VIEWS, $layout['view'].'.php') ) {
|
||||||
|
include(PATH_ADMIN_VIEWS.$layout['view'].'.php');
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Plugins -->
|
||||||
|
<?php Theme::plugins('loginBodyEnd') ?>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -96,20 +96,16 @@ function buildPlugins()
|
||||||
$Language->add($database);
|
$Language->add($database);
|
||||||
}
|
}
|
||||||
|
|
||||||
// If the plugin is compatible with the Bludit version, add to arrays
|
// Push Plugin to array all plugins installed and not installed.
|
||||||
if($Plugin->isCompatible()) {
|
$plugins['all'][$pluginClass] = $Plugin;
|
||||||
|
|
||||||
// Push Plugin to array all plugins installed and not installed.
|
// If the plugin is installed, order by hooks.
|
||||||
$plugins['all'][$pluginClass] = $Plugin;
|
if($Plugin->installed()) {
|
||||||
|
|
||||||
// If the plugin is installed, order by hooks.
|
foreach($pluginsEvents as $event=>$value) {
|
||||||
if($Plugin->installed()) {
|
|
||||||
|
|
||||||
foreach($pluginsEvents as $event=>$value) {
|
if(method_exists($Plugin, $event)) {
|
||||||
|
array_push($plugins[$event], $Plugin);
|
||||||
if(method_exists($Plugin, $event)) {
|
|
||||||
array_push($plugins[$event], $Plugin);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,9 +2,9 @@
|
||||||
"author": "Bludit",
|
"author": "Bludit",
|
||||||
"email": "",
|
"email": "",
|
||||||
"website": "https://plugins.bludit.com",
|
"website": "https://plugins.bludit.com",
|
||||||
"version": "1.4",
|
"version": "1.3",
|
||||||
"releaseDate": "2016-05-28",
|
"releaseDate": "2016-05-28",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"compatible": "1.5beta",
|
"compatible": "1.4",
|
||||||
"notes": ""
|
"notes": ""
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue