uppdated modules
This commit is contained in:
Bachir Soussi Chiadmi
@@ -0,0 +1,646 @@
|
||||
body.adminimal-skin-alternative {
|
||||
font-family: "Segoe UI", "Helvetica", sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative #branding div.breadcrumb {
|
||||
padding-bottom: 0px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative h1,
|
||||
body.adminimal-skin-alternative h2,
|
||||
body.adminimal-skin-alternative h3,
|
||||
body.adminimal-skin-alternative h4,
|
||||
body.adminimal-skin-alternative h5,
|
||||
body.adminimal-skin-alternative h6 {
|
||||
font-family: "Segoe UI", "Helvetica", sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
/* Style checkbox and radio buttons in Chrome + Safari + Opera */
|
||||
@supports (-webkit-appearance:none) {
|
||||
.style-checkboxes input[type=checkbox],
|
||||
.style-checkboxes input[type=radio],
|
||||
.style-checkboxes input[type=checkbox]#edit-delete {
|
||||
-webkit-appearance:none;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
margin-right: 0.25em;
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
border: 1px solid #B5B5B5;
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
-webkit-transition: all 0.5s ease;
|
||||
-o-transition: all 0.5s ease;
|
||||
transition: background 0.5s ease;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.adminimal-theme .location .form-item input.form-checkbox {
|
||||
width: 16px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]#edit-delete {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=radio] {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]:hover,
|
||||
.style-checkboxes input[type=checkbox]:focus,
|
||||
.style-checkboxes input[type=radio]:hover,
|
||||
.style-checkboxes input[type=radio]:focus {
|
||||
border-color: #0074BD;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]#edit-delete:hover,
|
||||
.style-checkboxes input[type=checkbox]#edit-delete:focus {
|
||||
border-color: #D01616;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]:checked,
|
||||
.style-checkboxes input[type=checkbox]:disabled:checked,
|
||||
.style-checkboxes input[type=radio]:checked,
|
||||
.style-checkboxes input[type=radio]:disabled:checked{
|
||||
background: #0074BD;
|
||||
box-shadow: inset 0px 0px 0px 4px #fff;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]#edit-delete:checked,
|
||||
.style-checkboxes input[type=checkbox]#edit-delete:disabled:checked {
|
||||
background: #D01616;
|
||||
box-shadow: inset 0px 0px 0px 4px #fff;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]:disabled,
|
||||
.style-checkboxes input[type=radio]:disabled {
|
||||
opacity: .5;
|
||||
background: #E2E2E2;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]#edit-delete:disabled {
|
||||
opacity: .5;
|
||||
background: #E88181;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]:disabled:hover {
|
||||
border-color: #B5B5B5;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]:disabled:hover,
|
||||
.style-checkboxes input[type=radio]:disabled:hover {
|
||||
border-color: #B5B5B5;
|
||||
cursor: default;
|
||||
/*cursor: not-allowed;*/
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
|
||||
/* Gray Button */
|
||||
input.form-submit,
|
||||
a.button,
|
||||
div.exposed-filters input#edit-submit {
|
||||
cursor: pointer;
|
||||
background: #e3e3e3;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
padding: 6px 10px;
|
||||
margin-bottom: 1em;
|
||||
margin-right: 1em;/* LTR */
|
||||
color: #555;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
font-family: "Segoe UI", "Helvetica",sans-serif;
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
input.form-submit:hover,
|
||||
a.button:hover,
|
||||
div.exposed-filters input#edit-submit:hover {
|
||||
background: #CECECE;
|
||||
}
|
||||
|
||||
input.form-submit:active,
|
||||
a.button:active,
|
||||
div.exposed-filters input#edit-submit:active {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
input.form-submit:focus,
|
||||
a.button:focus,
|
||||
div.exposed-filters input#edit-submit:focus {
|
||||
outline: 3px solid #EFEFEF;
|
||||
}
|
||||
|
||||
/* Green Button */
|
||||
input[type="submit"][id^="edit-submit"],
|
||||
input#edit-actions-submit,
|
||||
input[id^="save-continue"],
|
||||
input[type="submit"][id^="edit-save"],
|
||||
input#edit-save,
|
||||
input#edit-submit,
|
||||
input#edit-actions-save,
|
||||
.field-widget-inline-entity-form .container-inline .form-submit,
|
||||
#media-browser-page a.button-yes,
|
||||
input.add-new-condition,
|
||||
#edit-field-product-und-form-actions input.ief-entity-submit {
|
||||
cursor: pointer;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
padding: 6px 10px;
|
||||
margin-bottom: 1em;
|
||||
margin-right: 1em;/* LTR */
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
font-family: "Segoe UI", "Helvetica",sans-serif;
|
||||
background: #4d8f46;
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
input[type="submit"][id^="edit-submit"]:hover,
|
||||
input#edit-actions-submit:hover,
|
||||
input[id^="save-continue"]:hover,
|
||||
input[type="submit"][id^="edit-save"]:hover,
|
||||
input#edit-save:hover,
|
||||
input#edit-submit:hover,
|
||||
input#edit-actions-save:hover,
|
||||
.field-widget-inline-entity-form .container-inline .form-submit:hover,
|
||||
#media-browser-page a.button-yes:hover,
|
||||
input.add-new-condition:hover,
|
||||
#edit-field-product-und-form-actions input.ief-entity-submit:hover {
|
||||
background: #0a6700;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input[type="submit"][id^="edit-submit"]:active,
|
||||
input#edit-actions-submit:active,
|
||||
input[id^="save-continue"]:active,
|
||||
input[type="submit"][id^="edit-save"]:active,
|
||||
input#edit-save:active,
|
||||
input#edit-submit:active,
|
||||
.field-widget-inline-entity-form .container-inline .form-submit:active,
|
||||
input#edit-actions-save:active,
|
||||
input.add-new-condition:active,
|
||||
#edit-field-product-und-form-actions input.ief-entity-submit:active {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input[type="submit"][id^="edit-submit"]:focus,
|
||||
input#edit-actions-submit:focus,
|
||||
input[id^="save-continue"]:focus,
|
||||
input[type="submit"][id^="edit-save"]:focus,
|
||||
input#edit-save:focus,
|
||||
input#edit-submit:focus,
|
||||
.field-widget-inline-entity-form .container-inline .form-submit:focus,
|
||||
input#edit-actions-save:focus,
|
||||
input.add-new-condition:focus,
|
||||
#edit-field-product-und-form-actions input.ief-entity-submit:focus {
|
||||
outline: 3px solid #D0E8CE;
|
||||
}
|
||||
|
||||
/* Red Button */
|
||||
input#edit-delete,
|
||||
input#remove-button,
|
||||
input#edit-remove,
|
||||
input#edit-clear,
|
||||
a.button.remove,
|
||||
.page-node-delete input#edit-submit,
|
||||
input[id*="remove-button"],
|
||||
.page-admin-modules-uninstall input#edit-submit,
|
||||
.remove-condition input,
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit {
|
||||
cursor: pointer;
|
||||
padding: 6px 10px;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
margin-bottom: 1em;
|
||||
margin-right: 1em;/* LTR */
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
font-family: "Segoe UI", "Helvetica",sans-serif;
|
||||
background: #b73939;
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
input#edit-delete:hover,
|
||||
input#remove-button:hover,
|
||||
input#edit-remove:hover,
|
||||
input#edit-clear:hover,
|
||||
a.button.remove:hover,
|
||||
.page-node-delete input#edit-submit:hover,
|
||||
input[id*="remove-button"]:hover,
|
||||
body.page-admin-modules-uninstall input#edit-submit:hover,
|
||||
.remove-condition input:hover,
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:hover {
|
||||
background: #990000;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input#edit-delete:active,
|
||||
input#remove-button:active,
|
||||
input#edit-remove:active,
|
||||
input#edit-clear:active,
|
||||
.page-node-delete input#edit-submit:active,
|
||||
input[id*="remove-button"]:active,
|
||||
body.page-admin-modules-uninstall input#edit-submit:active,
|
||||
.remove-condition input:active,
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:active {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input#edit-delete:focus,
|
||||
input#remove-button:focus,
|
||||
input#edit-remove:focus,
|
||||
input#edit-clear:focus,
|
||||
.page-node-delete input#edit-submit:focus,
|
||||
input[id*="remove-button"]:focus,
|
||||
body.page-admin-modules-uninstall input#edit-submit:focus,
|
||||
.remove-condition input:focus,
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:focus {
|
||||
outline: 3px solid #FFD8D8;
|
||||
}
|
||||
|
||||
/* Blue Button */
|
||||
input#edit-preview,
|
||||
input#edit-next,
|
||||
input#preview-submit,
|
||||
input.ief-entity-submit,
|
||||
input[type="submit"][id^="edit-return"],
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"] {
|
||||
cursor: pointer;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
padding: 6px 10px;
|
||||
margin-bottom: 1em;
|
||||
margin-right: 1em;/* LTR */
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
font-family: "Segoe UI", "Helvetica",sans-serif;
|
||||
background: #0074BD;
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
input#edit-preview:hover,
|
||||
input#edit-next:hover,
|
||||
input#preview-submit:hover,
|
||||
input.ief-entity-submit:hover,
|
||||
input[type="submit"][id^="edit-return"]:hover,
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:hover {
|
||||
background: #004c99;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input#edit-preview:active,
|
||||
input#edit-next:active,
|
||||
input#preview-submit:active,
|
||||
input.ief-entity-submit:active,
|
||||
input[type="submit"][id^="edit-return"]:active,
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:active {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input#edit-preview:focus,
|
||||
input#edit-next:focus,
|
||||
input#preview-submit:focus,
|
||||
input.ief-entity-submit:focus,
|
||||
input[type="submit"][id^="edit-return"]:focus,
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:focus {
|
||||
outline: 3px solid #D2E4F7;
|
||||
}
|
||||
|
||||
/* Orange Button */
|
||||
#edit-cancel,
|
||||
#edit-actions-cancel,
|
||||
input#edit-buttons-revert,
|
||||
#media-browser-page a.button-no,
|
||||
.field-widget-inline-entity-form input[id*="cancel"] {
|
||||
cursor: pointer;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
padding: 6px 10px;
|
||||
margin-bottom: 1em;
|
||||
margin-right: 1em;/* LTR */
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
font-family: "Segoe UI", "Helvetica",sans-serif;
|
||||
background: #f69231;
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
a#edit-cancel,a#edit-actions-cancel {
|
||||
padding: 6px 10px;
|
||||
text-decoration: none;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#edit-cancel:hover,
|
||||
#edit-actions-cancel:hover,
|
||||
input#edit-buttons-revert:hover,
|
||||
#media-browser-page a.button-no:hover,
|
||||
.field-widget-inline-entity-form input[id*="cancel"]:hover {
|
||||
background: #ef6114;
|
||||
text-decoration: none;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#edit-cancel:active,
|
||||
#edit-actions-cancel:active,
|
||||
input#edit-buttons-revert:active,
|
||||
.field-widget-inline-entity-form input[id*="cancel"]:active {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#edit-cancel:focus,
|
||||
#edit-actions-cancel:focus,
|
||||
input#edit-buttons-revert:focus,
|
||||
.field-widget-inline-entity-form input[id*="cancel"]:focus {
|
||||
outline: 3px solid #FFE8D2;
|
||||
}
|
||||
|
||||
html body input.disabled,
|
||||
html body input.disabled:hover,
|
||||
html body input.disabled:active,
|
||||
html body input.disabled:focus {
|
||||
background-color: #A0A0A0;
|
||||
color: #CCCCCC;
|
||||
text-decoration: line-through;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
input[type="submit"]:disabled {
|
||||
background: repeating-linear-gradient(
|
||||
-45deg,
|
||||
#FFFFFF,
|
||||
#D2D2D2 4px
|
||||
) !important;
|
||||
color: #6B6B6B !important;
|
||||
cursor: not-allowed !important;
|
||||
outline: none !important;
|
||||
opacity: 0.665 !important;
|
||||
text-shadow: 1px 1px 0px #fff !important;
|
||||
}
|
||||
|
||||
/* END Buttons */
|
||||
|
||||
strong {
|
||||
font-family: "Segoe UI", "Helvetica",sans-serif !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
/* Omega Fieldset fix */
|
||||
html body.adminimal-skin-alternative.page-admin-appearance.page-admin-appearance-settings-omega fieldset {
|
||||
border: solid 1px #ddd !important;
|
||||
border-top: 3px solid #0074BD !important;
|
||||
padding: 12px !important;
|
||||
margin: 18px 0 !important;
|
||||
}
|
||||
|
||||
html body.adminimal-skin-alternative.page-admin-appearance.page-admin-appearance-settings-omega fieldset legend {
|
||||
color: #484848 !important;
|
||||
}
|
||||
|
||||
div.breadcrumb a {
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
ul.action-links a {
|
||||
padding: 0px 20px;
|
||||
font-family: "Segoe UI", "Helvetica", sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
background: #fff;
|
||||
line-height: 30px;
|
||||
border: 2px solid #0074BD;
|
||||
margin: 5px auto;
|
||||
border-radius: 100px;
|
||||
display: block;
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
body.no-rounded-buttons ul.action-links a {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
ul.action-links a:hover {
|
||||
text-decoration: none;
|
||||
background: #0074BD;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#admin-menu {
|
||||
box-shadow: none;
|
||||
background: #2B2B2B;
|
||||
}
|
||||
|
||||
#admin-menu .dropdown .admin-menu-toolbar-category > a.active-trail {
|
||||
background: #0074BD;
|
||||
}
|
||||
|
||||
.overlay #overlay-close,
|
||||
.overlay #overlay-close:hover {
|
||||
height: 44px;
|
||||
background-position-y: 10px;
|
||||
left: -36px;
|
||||
}
|
||||
|
||||
.overlay #overlay-tabs {
|
||||
right: 2px;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative fieldset legend {
|
||||
background: white;
|
||||
padding: 0 6px;
|
||||
margin: 0;
|
||||
margin-left: -6px;
|
||||
font-family: "Segoe UI", "Helvetica",sans-serif;
|
||||
font-size: 21px;
|
||||
font-weight: 100;
|
||||
color: #9E9E9E;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative fieldset legend span {
|
||||
/*border-bottom: 3px solid #F1F1F1;*/
|
||||
/*padding-bottom: 10px;*/
|
||||
display: inline-block;
|
||||
font-size: 21px;
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative fieldset:hover legend span {
|
||||
/*border-color: #0074BD;*/
|
||||
/*color: #000;*/
|
||||
}
|
||||
|
||||
html body.adminimal-skin-alternative.page-admin-appearance fieldset legend {
|
||||
background: white !important;
|
||||
padding: 0 6px !important;
|
||||
margin: 0 !important;
|
||||
margin-left: -6px !important;
|
||||
font-family: "Segoe UI", "Helvetica",sans-serif !important;
|
||||
font-size: 21px !important;
|
||||
font-weight: 100 !important;
|
||||
color: #AFAFAF !important;
|
||||
margin-bottom: 2px !important;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative fieldset {
|
||||
border: none;
|
||||
border-top: none;
|
||||
padding: 12px 0;
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative div.vertical-tabs .vertical-tabs-panes {
|
||||
margin: 0 0 0 265px;
|
||||
padding: 20px 15px 10px 0;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative .form-item label {
|
||||
font-family: "Segoe UI", "Helvetica", sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative .form-item.form-type-checkbox label {
|
||||
font-family: "Segoe UI", "Helvetica", sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative .form-item.form-type-radio label {
|
||||
font-family: "Segoe UI", "Helvetica", sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative #branding {
|
||||
overflow: hidden;
|
||||
padding: 12px 20px 0 20px;
|
||||
position: relative;
|
||||
background-color: #3B3C3E;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative #branding h1.page-title {
|
||||
color: #FFFFFF;
|
||||
float: left;
|
||||
font-family: "Segoe UI", "Helvetica", sans-serif;
|
||||
font-size: 32px;
|
||||
font-weight: 300;
|
||||
line-height: 38px;
|
||||
margin: 0;
|
||||
padding: 0 0 12px;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative div.add-or-remove-shortcuts {
|
||||
padding-top: 18px;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative #toolbar div.toolbar-menu {
|
||||
background: #464646;
|
||||
box-shadow: 0 0 6px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative #toolbar div.toolbar-menu ul li a:hover {
|
||||
background: #5D5D5D;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative.adminimal-menu div#admin-menu {
|
||||
background: #424242;
|
||||
border-bottom: 1px solid #3B3C3E;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative.adminimal-menu #admin-menu #admin-menu-wrapper .dropdown li li.expandable,
|
||||
body.adminimal-skin-alternative.adminimal-menu #admin-menu .dropdown li li,
|
||||
body.adminimal-skin-alternative.adminimal-menu.admin-menu.menu-render-collapsed div.shortcut-toolbar div#toolbar div.toolbar-shortcuts ul.menu:hover li {
|
||||
background-color: #353535;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative.adminimal-menu.admin-menu.menu-render-collapsed div.shortcut-toolbar div#toolbar div.toolbar-shortcuts ul.menu li.label a:hover {
|
||||
background-color: #353535 !important;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative.adminimal-theme.page-admin-structure-features fieldset legend {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative.adminimal-theme.page-admin-structure-features fieldset.features-export-component .fieldset-wrapper .form-checkboxes {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative.adminimal-theme.page-admin-structure-features #features-filter span {
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative.adminimal-theme.page-admin-structure-features #features-filter .form-item.form-type-checkbox.form-item-checkall {
|
||||
margin: 5px 2px;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative table th {
|
||||
font-family: "Segoe UI", "Helvetica", sans-serif;
|
||||
background-color: #F3F3F3;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative table th.active {
|
||||
background-color: #0074BD;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative #permissions td.module {
|
||||
font-family: "Segoe UI", "Helvetica", sans-serif;
|
||||
color: #4C4C4C;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative div.form-type-radio div.description,
|
||||
body.adminimal-skin-alternative div.form-type-checkbox div.description {
|
||||
color: #AFAFAF;
|
||||
}
|
||||
|
||||
body.adminimal-skin-alternative tr.even,
|
||||
body.adminimal-skin-alternative tr.odd {
|
||||
background-color: #fff;
|
||||
transition: all, 0.2s;
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
body.mac,
|
||||
body.mac input[type="submit"],
|
||||
body.mac div.admin-panel h3 {
|
||||
font-family: Helvetica !important;
|
||||
}
|
||||
|
||||
body.mac .form-item label {
|
||||
font-family: "Helvetica", sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
body.mac .form-item.form-type-checkbox label {
|
||||
font-family: "Helvetica", sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
body.mac .exposed-filters .form-item label {
|
||||
line-height: 38px;
|
||||
}
|
||||
|
||||
body.mac.style-checkboxes input[type=checkbox] {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-radius: 2px;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
body.mac.style-checkboxes input[type=radio] {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
body.mac.style-checkboxes input[type=checkbox]:checked,
|
||||
body.mac.style-checkboxes input[type=checkbox]:disabled:checked,
|
||||
body.mac.style-checkboxes input[type=radio]:checked,
|
||||
body.mac.style-checkboxes input[type=radio]:disabled:checked {
|
||||
box-shadow: inset 0px 0px 0px 4px #fff;
|
||||
}
|
||||
|
||||
body.mac table th {
|
||||
font-family: "Helvetica", sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #696969;
|
||||
}
|
||||
|
||||
body.mac input.form-file {
|
||||
background: #F5F5F5;
|
||||
border: none;
|
||||
}
|
||||
|
||||
body.mac div.add-or-remove-shortcuts {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
body.adminimal-theme.mac .exposed-filters .container-inline .form-actions,
|
||||
body.mac .exposed-filters .container-inline.form-actions {
|
||||
margin: 4px 0 0 -5px;
|
||||
}
|
||||
|
||||
body.mac input[type="submit"]{
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
@@ -0,0 +1,466 @@
|
||||
/* Style checkbox and radio buttons in Chrome + Safari + Opera */
|
||||
@supports (-webkit-appearance:none) {
|
||||
.style-checkboxes input[type=checkbox],
|
||||
.style-checkboxes input[type=radio],
|
||||
.style-checkboxes input[type=checkbox]#edit-delete {
|
||||
-webkit-appearance:none;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
margin-right: 0.25em;
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
border: 1px solid #B5B5B5;
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
-webkit-transition: all 0.5s ease;
|
||||
-o-transition: all 0.5s ease;
|
||||
transition: background 0.5s ease;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.adminimal-theme .location .form-item input.form-checkbox {
|
||||
width: 16px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]#edit-delete {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=radio] {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]:hover,
|
||||
.style-checkboxes input[type=checkbox]:focus,
|
||||
.style-checkboxes input[type=radio]:hover,
|
||||
.style-checkboxes input[type=radio]:focus {
|
||||
border-color: #0074BD;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]#edit-delete:hover,
|
||||
.style-checkboxes input[type=checkbox]#edit-delete:focus {
|
||||
border-color: #D01616;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]:checked,
|
||||
.style-checkboxes input[type=checkbox]:disabled:checked,
|
||||
.style-checkboxes input[type=radio]:checked,
|
||||
.style-checkboxes input[type=radio]:disabled:checked{
|
||||
background: #0074BD;
|
||||
box-shadow: inset 0px 0px 0px 4px #fff;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]#edit-delete:checked,
|
||||
.style-checkboxes input[type=checkbox]#edit-delete:disabled:checked {
|
||||
background: #D01616;
|
||||
box-shadow: inset 0px 0px 0px 4px #fff;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]:disabled,
|
||||
.style-checkboxes input[type=radio]:disabled {
|
||||
opacity: .5;
|
||||
background: #E2E2E2;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]#edit-delete:disabled {
|
||||
opacity: .5;
|
||||
background: #E88181;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]:disabled:hover {
|
||||
border-color: #B5B5B5;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.style-checkboxes input[type=checkbox]:disabled:hover,
|
||||
.style-checkboxes input[type=radio]:disabled:hover {
|
||||
border-color: #B5B5B5;
|
||||
cursor: default;
|
||||
/*cursor: not-allowed;*/
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
|
||||
/* Gray Button */
|
||||
input.form-submit,
|
||||
a.button,
|
||||
div.exposed-filters input#edit-submit {
|
||||
cursor: pointer;
|
||||
background: #e3e3e3;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
padding: 6px 10px;
|
||||
margin-bottom: 1em;
|
||||
margin-right: 1em;/* LTR */
|
||||
color: #555;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-size: 1.077em;
|
||||
font-family: "Lucida Grande",Verdana,sans-serif;
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
input.form-submit:hover,
|
||||
a.button:hover,
|
||||
div.exposed-filters input#edit-submit:hover {
|
||||
background: #CECECE;
|
||||
}
|
||||
|
||||
input.form-submit:active,
|
||||
a.button:active,
|
||||
div.exposed-filters input#edit-submit:active {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
input.form-submit:focus,
|
||||
a.button:focus,
|
||||
div.exposed-filters input#edit-submit:focus {
|
||||
outline: 3px solid #EFEFEF;
|
||||
}
|
||||
|
||||
/* Green Button */
|
||||
input[type="submit"][id^="edit-submit"],
|
||||
input#edit-actions-submit,
|
||||
input[id^="save-continue"],
|
||||
input[type="submit"][id^="edit-save"],
|
||||
input#edit-save,
|
||||
input#edit-submit,
|
||||
input#edit-actions-save,
|
||||
.field-widget-inline-entity-form .container-inline .form-submit,
|
||||
#media-browser-page a.button-yes,
|
||||
input.add-new-condition,
|
||||
#edit-field-product-und-form-actions input.ief-entity-submit {
|
||||
cursor: pointer;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
padding: 6px 10px;
|
||||
margin-bottom: 1em;
|
||||
margin-right: 1em;/* LTR */
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-size: 1.077em;
|
||||
font-family: "Lucida Grande",Verdana,sans-serif;
|
||||
background: #4d8f46;
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
input[type="submit"][id^="edit-submit"]:hover,
|
||||
input#edit-actions-submit:hover,
|
||||
input[id^="save-continue"]:hover,
|
||||
input[type="submit"][id^="edit-save"]:hover,
|
||||
input#edit-save:hover,
|
||||
input#edit-submit:hover,
|
||||
input#edit-actions-save:hover,
|
||||
.field-widget-inline-entity-form .container-inline .form-submit:hover,
|
||||
#media-browser-page a.button-yes:hover,
|
||||
input.add-new-condition:hover,
|
||||
#edit-field-product-und-form-actions input.ief-entity-submit:hover {
|
||||
background: #0a6700;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input[type="submit"][id^="edit-submit"]:active,
|
||||
input#edit-actions-submit:active,
|
||||
input[id^="save-continue"]:active,
|
||||
input[type="submit"][id^="edit-save"]:active,
|
||||
input#edit-save:active,
|
||||
input#edit-submit:active,
|
||||
.field-widget-inline-entity-form .container-inline .form-submit:active,
|
||||
input#edit-actions-save:active,
|
||||
input.add-new-condition:active,
|
||||
#edit-field-product-und-form-actions input.ief-entity-submit:active {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input[type="submit"][id^="edit-submit"]:focus,
|
||||
input#edit-actions-submit:focus,
|
||||
input[id^="save-continue"]:focus,
|
||||
input[type="submit"][id^="edit-save"]:focus,
|
||||
input#edit-save:focus,
|
||||
input#edit-submit:focus,
|
||||
.field-widget-inline-entity-form .container-inline .form-submit:focus,
|
||||
input#edit-actions-save:focus,
|
||||
input.add-new-condition:focus,
|
||||
#edit-field-product-und-form-actions input.ief-entity-submit:focus {
|
||||
outline: 3px solid #D0E8CE;
|
||||
}
|
||||
|
||||
/* Red Button */
|
||||
input#edit-delete,
|
||||
input#remove-button,
|
||||
input#edit-remove,
|
||||
input#edit-clear,
|
||||
a.button.remove,
|
||||
.page-node-delete input#edit-submit,
|
||||
input[id*="remove-button"],
|
||||
.page-admin-modules-uninstall input#edit-submit,
|
||||
.remove-condition input,
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit {
|
||||
cursor: pointer;
|
||||
padding: 6px 10px;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
margin-bottom: 1em;
|
||||
margin-right: 1em;/* LTR */
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-size: 1.077em;
|
||||
font-family: "Lucida Grande",Verdana,sans-serif;
|
||||
background: #b73939;
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
input#edit-delete:hover,
|
||||
input#remove-button:hover,
|
||||
input#edit-remove:hover,
|
||||
input#edit-clear:hover,
|
||||
a.button.remove:hover,
|
||||
.page-node-delete input#edit-submit:hover,
|
||||
input[id*="remove-button"]:hover,
|
||||
body.page-admin-modules-uninstall input#edit-submit:hover,
|
||||
.remove-condition input:hover,
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:hover {
|
||||
background: #990000;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input#edit-delete:active,
|
||||
input#remove-button:active,
|
||||
input#edit-remove:active,
|
||||
input#edit-clear:active,
|
||||
.page-node-delete input#edit-submit:active,
|
||||
input[id*="remove-button"]:active,
|
||||
body.page-admin-modules-uninstall input#edit-submit:active,
|
||||
.remove-condition input:active,
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:active {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input#edit-delete:focus,
|
||||
input#remove-button:focus,
|
||||
input#edit-remove:focus,
|
||||
input#edit-clear:focus,
|
||||
.page-node-delete input#edit-submit:focus,
|
||||
input[id*="remove-button"]:focus,
|
||||
body.page-admin-modules-uninstall input#edit-submit:focus,
|
||||
.remove-condition input:focus,
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:focus {
|
||||
outline: 3px solid #FFD8D8;
|
||||
}
|
||||
|
||||
/* Blue Button */
|
||||
input#edit-preview,
|
||||
input#edit-next,
|
||||
input#preview-submit,
|
||||
input.ief-entity-submit,
|
||||
input[type="submit"][id^="edit-return"],
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"] {
|
||||
cursor: pointer;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
padding: 6px 10px;
|
||||
margin-bottom: 1em;
|
||||
margin-right: 1em;/* LTR */
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-size: 1.077em;
|
||||
font-family: "Lucida Grande",Verdana,sans-serif;
|
||||
background: #0074BD;
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
input#edit-preview:hover,
|
||||
input#edit-next:hover,
|
||||
input#preview-submit:hover,
|
||||
input.ief-entity-submit:hover,
|
||||
input[type="submit"][id^="edit-return"]:hover,
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:hover {
|
||||
background: #004c99;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input#edit-preview:active,
|
||||
input#edit-next:active,
|
||||
input#preview-submit:active,
|
||||
input.ief-entity-submit:active,
|
||||
input[type="submit"][id^="edit-return"]:active,
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:active {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input#edit-preview:focus,
|
||||
input#edit-next:focus,
|
||||
input#preview-submit:focus,
|
||||
input.ief-entity-submit:focus,
|
||||
input[type="submit"][id^="edit-return"]:focus,
|
||||
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:focus {
|
||||
outline: 3px solid #D2E4F7;
|
||||
}
|
||||
|
||||
/* Orange Button */
|
||||
#edit-cancel,
|
||||
#edit-actions-cancel,
|
||||
input#edit-buttons-revert,
|
||||
#media-browser-page a.button-no,
|
||||
.field-widget-inline-entity-form input[id*="cancel"] {
|
||||
cursor: pointer;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
padding: 6px 10px;
|
||||
margin-bottom: 1em;
|
||||
margin-right: 1em;/* LTR */
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-size: 1.077em;
|
||||
font-family: "Lucida Grande",Verdana,sans-serif;
|
||||
background: #f69231;
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
a#edit-cancel,a#edit-actions-cancel {
|
||||
padding: 6px 10px;
|
||||
text-decoration: none;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#edit-cancel:hover,
|
||||
#edit-actions-cancel:hover,
|
||||
input#edit-buttons-revert:hover,
|
||||
#media-browser-page a.button-no:hover,
|
||||
.field-widget-inline-entity-form input[id*="cancel"]:hover {
|
||||
background: #ef6114;
|
||||
text-decoration: none;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#edit-cancel:active,
|
||||
#edit-actions-cancel:active,
|
||||
input#edit-buttons-revert:active,
|
||||
.field-widget-inline-entity-form input[id*="cancel"]:active {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#edit-cancel:focus,
|
||||
#edit-actions-cancel:focus,
|
||||
input#edit-buttons-revert:focus,
|
||||
.field-widget-inline-entity-form input[id*="cancel"]:focus {
|
||||
outline: 3px solid #FFE8D2;
|
||||
}
|
||||
|
||||
html body input.disabled,
|
||||
html body input.disabled:hover,
|
||||
html body input.disabled:active,
|
||||
html body input.disabled:focus {
|
||||
background-color: #A0A0A0;
|
||||
color: #CCCCCC;
|
||||
text-decoration: line-through;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
input[type="submit"]:disabled {
|
||||
background: repeating-linear-gradient(
|
||||
-45deg,
|
||||
#FFFFFF,
|
||||
#D2D2D2 4px
|
||||
) !important;
|
||||
color: #6B6B6B !important;
|
||||
cursor: not-allowed !important;
|
||||
outline: none !important;
|
||||
opacity: 0.665 !important;
|
||||
text-shadow: 1px 1px 0px #fff !important;
|
||||
}
|
||||
|
||||
/* END Buttons */
|
||||
|
||||
strong {
|
||||
font-family: Arial, Helvetica, sans-serif !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
/* Omega Fieldset fix */
|
||||
body.page-admin-appearance-settings-omega fieldset {
|
||||
border: solid 1px #ddd !important;
|
||||
border-top: 3px solid #0074BD !important;
|
||||
padding: 12px !important;
|
||||
margin: 18px 0 !important;
|
||||
}
|
||||
|
||||
div.breadcrumb a {
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
ul.action-links a {
|
||||
padding: 0px 20px;
|
||||
font-family: "Helvetica", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
background: #fff;
|
||||
line-height: 30px;
|
||||
border: 2px solid #0074BD;
|
||||
margin: 5px auto;
|
||||
border-radius: 100px;
|
||||
display: block;
|
||||
transition: all, 0.3s;
|
||||
}
|
||||
|
||||
body.no-rounded-buttons ul.action-links a {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
ul.action-links a:hover {
|
||||
text-decoration: none;
|
||||
background: #0074BD;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#admin-menu {
|
||||
box-shadow: none;
|
||||
background: #2B2B2B;
|
||||
}
|
||||
|
||||
#admin-menu .dropdown .admin-menu-toolbar-category > a.active-trail {
|
||||
background: #0074BD;
|
||||
}
|
||||
|
||||
.overlay #overlay-close,
|
||||
.overlay #overlay-close:hover {
|
||||
height: 44px;
|
||||
background-position-y: 10px;
|
||||
left: -36px;
|
||||
}
|
||||
|
||||
.overlay #overlay-tabs {
|
||||
right: 2px;
|
||||
}
|
||||
|
||||
body.sticky-actions .form-actions.form-wrapper {
|
||||
box-shadow: -20px 2px 40px rgba(0,0,0,0.4);
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
body.mac,
|
||||
body.mac input[type="submit"],
|
||||
body.mac div.admin-panel h3 {
|
||||
font-family: Helvetica !important;
|
||||
}
|
||||
|
||||
body.mac .exposed-filters .form-item label {
|
||||
line-height: 38px;
|
||||
}
|
||||
|
||||
body.mac.style-checkboxes input[type=checkbox] {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-radius: 2px;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
body.mac.style-checkboxes input[type=radio] {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
body.mac.style-checkboxes input[type=checkbox]:checked,
|
||||
body.mac.style-checkboxes input[type=checkbox]:disabled:checked,
|
||||
body.mac.style-checkboxes input[type=radio]:checked,
|
||||
body.mac.style-checkboxes input[type=radio]:disabled:checked {
|
||||
box-shadow: inset 0px 0px 0px 4px #fff;
|
||||
}
|
||||
|
||||
body.mac table th {
|
||||
font-family: "Helvetica", sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #696969;
|
||||
}
|
||||
|
||||
body.mac input.form-file {
|
||||
background: #F5F5F5;
|
||||
border: none;
|
||||
}
|
||||
|
||||
body.mac #branding h1.page-title {
|
||||
margin: -2px 0 4px 0;
|
||||
}
|
||||
|
||||
body.mac div.add-or-remove-shortcuts {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
body.adminimal-theme.mac .exposed-filters .container-inline .form-actions,
|
||||
body.mac .exposed-filters .container-inline.form-actions {
|
||||
margin: 4px 0 0 -5px;
|
||||
}
|
||||
|
||||
body.mac input[type="submit"]{
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="14px" height="14px" viewBox="377 377 14 14" enable-background="new 377 377 14 14" xml:space="preserve">
|
||||
<path fill="#FFFFFF" enable-background="new " d="M382.449,385.252l-2.872-2.884l-1.776,1.788l4.637,4.614l7.763-7.752
|
||||
l-1.765-1.788L382.449,385.252z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 633 B |
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,378 @@
|
||||
(function($) {
|
||||
'use strict';
|
||||
|
||||
// Add wave effect.
|
||||
Drupal.behaviors.adminimal_material_wave_effect = {
|
||||
attach: function (context, settings) {
|
||||
// Init Waves
|
||||
$( ".action-links li a" ).addClass("waves-effect waves-button waves-float waves-classic");
|
||||
//$( ".form-actions input" ).addClass("waves-effect");
|
||||
//$( 'input[type="submit"]' ).addClass("waves-effect");
|
||||
$( "#navigation ul.tabs.primary li a" ).addClass("waves-effect waves-button waves-classic");
|
||||
$( "#navigation ul.tabs.secondary li a" ).addClass("waves-effect waves-button waves-classic");
|
||||
$( "#admin-menu a" ).addClass("waves-effect waves-button waves-light waves-classic");
|
||||
$( ".theme-info .operations a" ).addClass("waves-effect waves-button waves-classic");
|
||||
$( "table tbody td a" ).addClass("waves-effect waves-button waves-classic");
|
||||
}
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
|
||||
/*!
|
||||
* Waves v0.6.6
|
||||
* http://fian.my.id/Waves
|
||||
*
|
||||
* Copyright 2014 Alfiana E. Sibuea and other contributors
|
||||
* Released under the MIT license
|
||||
* https://github.com/fians/Waves/blob/master/LICENSE
|
||||
*/
|
||||
|
||||
;(function(window, factory) {
|
||||
"use strict";
|
||||
|
||||
// AMD. Register as an anonymous module. Wrap in function so we have access
|
||||
// to root via `this`.
|
||||
if (typeof define === "function" && define.amd) {
|
||||
define([], function() {
|
||||
return factory.apply(window);
|
||||
});
|
||||
}
|
||||
|
||||
// Node. Does not work with strict CommonJS, but only CommonJS-like
|
||||
// environments that support module.exports, like Node.
|
||||
else if (typeof exports === "object") {
|
||||
module.exports = factory.call(window);
|
||||
}
|
||||
|
||||
// Browser globals.
|
||||
else {
|
||||
window.Waves = factory.call(window);
|
||||
}
|
||||
})(typeof global === "object" ? global : this, function () {
|
||||
"use strict";
|
||||
|
||||
var Waves = Waves || {};
|
||||
var $$ = document.querySelectorAll.bind(document);
|
||||
|
||||
// Find exact position of element
|
||||
function isWindow(obj) {
|
||||
return obj !== null && obj === obj.window;
|
||||
}
|
||||
|
||||
function getWindow(elem) {
|
||||
return isWindow(elem) ? elem : elem.nodeType === 9 && elem.defaultView;
|
||||
}
|
||||
|
||||
function offset(elem) {
|
||||
var docElem, win,
|
||||
box = {top: 0, left: 0},
|
||||
doc = elem && elem.ownerDocument;
|
||||
|
||||
docElem = doc.documentElement;
|
||||
|
||||
if (typeof elem.getBoundingClientRect !== typeof undefined) {
|
||||
box = elem.getBoundingClientRect();
|
||||
}
|
||||
win = getWindow(doc);
|
||||
return {
|
||||
top: box.top + win.pageYOffset - docElem.clientTop,
|
||||
left: box.left + win.pageXOffset - docElem.clientLeft
|
||||
};
|
||||
}
|
||||
|
||||
function convertStyle(obj) {
|
||||
var style = '';
|
||||
|
||||
for (var a in obj) {
|
||||
if (obj.hasOwnProperty(a)) {
|
||||
style += (a + ':' + obj[a] + ';');
|
||||
}
|
||||
}
|
||||
|
||||
return style;
|
||||
}
|
||||
|
||||
var Effect = {
|
||||
|
||||
// Effect delay
|
||||
duration: 750,
|
||||
|
||||
show: function(e, element) {
|
||||
|
||||
// Disable right click
|
||||
if (e.button === 2) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var el = element || this;
|
||||
|
||||
// Create ripple
|
||||
var ripple = document.createElement('div');
|
||||
ripple.className = 'waves-ripple';
|
||||
el.appendChild(ripple);
|
||||
|
||||
// Get click coordinate and element witdh
|
||||
var pos = offset(el);
|
||||
var relativeY = (e.pageY - pos.top);
|
||||
var relativeX = (e.pageX - pos.left);
|
||||
var scale = 'scale('+((el.clientWidth / 100) * 3)+')';
|
||||
|
||||
// Support for touch devices
|
||||
if ('touches' in e) {
|
||||
relativeY = (e.touches[0].pageY - pos.top);
|
||||
relativeX = (e.touches[0].pageX - pos.left);
|
||||
}
|
||||
|
||||
// Attach data to element
|
||||
ripple.setAttribute('data-hold', Date.now());
|
||||
ripple.setAttribute('data-scale', scale);
|
||||
ripple.setAttribute('data-x', relativeX);
|
||||
ripple.setAttribute('data-y', relativeY);
|
||||
|
||||
// Set ripple position
|
||||
var rippleStyle = {
|
||||
'top': relativeY+'px',
|
||||
'left': relativeX+'px'
|
||||
};
|
||||
|
||||
ripple.className = ripple.className + ' waves-notransition';
|
||||
ripple.setAttribute('style', convertStyle(rippleStyle));
|
||||
ripple.className = ripple.className.replace('waves-notransition', '');
|
||||
|
||||
// Scale the ripple
|
||||
rippleStyle['-webkit-transform'] = scale;
|
||||
rippleStyle['-moz-transform'] = scale;
|
||||
rippleStyle['-ms-transform'] = scale;
|
||||
rippleStyle['-o-transform'] = scale;
|
||||
rippleStyle.transform = scale;
|
||||
rippleStyle.opacity = '1';
|
||||
|
||||
rippleStyle['-webkit-transition-duration'] = Effect.duration + 'ms';
|
||||
rippleStyle['-moz-transition-duration'] = Effect.duration + 'ms';
|
||||
rippleStyle['-o-transition-duration'] = Effect.duration + 'ms';
|
||||
rippleStyle['transition-duration'] = Effect.duration + 'ms';
|
||||
|
||||
ripple.setAttribute('style', convertStyle(rippleStyle));
|
||||
},
|
||||
|
||||
hide: function(e) {
|
||||
TouchHandler.touchup(e);
|
||||
|
||||
var el = this;
|
||||
var width = el.clientWidth * 1.4;
|
||||
|
||||
// Get first ripple
|
||||
var ripple = null;
|
||||
var ripples = el.getElementsByClassName('waves-ripple');
|
||||
if (ripples.length > 0) {
|
||||
ripple = ripples[ripples.length - 1];
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
|
||||
var relativeX = ripple.getAttribute('data-x');
|
||||
var relativeY = ripple.getAttribute('data-y');
|
||||
var scale = ripple.getAttribute('data-scale');
|
||||
|
||||
// Get delay beetween mousedown and mouse leave
|
||||
var diff = Date.now() - Number(ripple.getAttribute('data-hold'));
|
||||
var delay = 350 - diff;
|
||||
|
||||
if (delay < 0) {
|
||||
delay = 0;
|
||||
}
|
||||
|
||||
// Fade out ripple after delay
|
||||
setTimeout(function() {
|
||||
var style = {
|
||||
'top': relativeY+'px',
|
||||
'left': relativeX+'px',
|
||||
'opacity': '0',
|
||||
|
||||
// Duration
|
||||
'-webkit-transition-duration': Effect.duration + 'ms',
|
||||
'-moz-transition-duration': Effect.duration + 'ms',
|
||||
'-o-transition-duration': Effect.duration + 'ms',
|
||||
'transition-duration': Effect.duration + 'ms',
|
||||
'-webkit-transform': scale,
|
||||
'-moz-transform': scale,
|
||||
'-ms-transform': scale,
|
||||
'-o-transform': scale,
|
||||
'transform': scale
|
||||
};
|
||||
|
||||
ripple.setAttribute('style', convertStyle(style));
|
||||
|
||||
setTimeout(function() {
|
||||
try {
|
||||
el.removeChild(ripple);
|
||||
} catch(e) {
|
||||
return false;
|
||||
}
|
||||
}, Effect.duration);
|
||||
}, delay);
|
||||
},
|
||||
|
||||
// Little hack to make <input> can perform waves effect
|
||||
wrapInput: function(elements) {
|
||||
for (var a = 0; a < elements.length; a++) {
|
||||
var el = elements[a];
|
||||
|
||||
if (el.tagName.toLowerCase() === 'input') {
|
||||
var parent = el.parentNode;
|
||||
|
||||
// If input already have parent just pass through
|
||||
if (parent.tagName.toLowerCase() === 'i' && parent.className.indexOf('waves-effect') !== -1) {
|
||||
continue;
|
||||
}
|
||||
|
||||
// Put element class and style to the specified parent
|
||||
var wrapper = document.createElement('i');
|
||||
wrapper.className = el.className + ' waves-input-wrapper';
|
||||
|
||||
var elementStyle = el.getAttribute('style');
|
||||
|
||||
if (!elementStyle) {
|
||||
elementStyle = '';
|
||||
}
|
||||
|
||||
wrapper.setAttribute('style', elementStyle);
|
||||
|
||||
el.className = 'waves-button-input';
|
||||
el.removeAttribute('style');
|
||||
|
||||
// Put element as child
|
||||
parent.replaceChild(wrapper, el);
|
||||
wrapper.appendChild(el);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Disable mousedown event for 500ms during and after touch
|
||||
*/
|
||||
var TouchHandler = {
|
||||
/* uses an integer rather than bool so there's no issues with
|
||||
* needing to clear timeouts if another touch event occurred
|
||||
* within the 500ms. Cannot mouseup between touchstart and
|
||||
* touchend, nor in the 500ms after touchend. */
|
||||
touches: 0,
|
||||
allowEvent: function(e) {
|
||||
var allow = true;
|
||||
|
||||
if (e.type === 'touchstart') {
|
||||
TouchHandler.touches += 1; //push
|
||||
} else if (e.type === 'touchend' || e.type === 'touchcancel') {
|
||||
setTimeout(function() {
|
||||
if (TouchHandler.touches > 0) {
|
||||
TouchHandler.touches -= 1; //pop after 500ms
|
||||
}
|
||||
}, 500);
|
||||
} else if (e.type === 'mousedown' && TouchHandler.touches > 0) {
|
||||
allow = false;
|
||||
}
|
||||
|
||||
return allow;
|
||||
},
|
||||
touchup: function(e) {
|
||||
TouchHandler.allowEvent(e);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Delegated click handler for .waves-effect element.
|
||||
* returns null when .waves-effect element not in "click tree"
|
||||
*/
|
||||
function getWavesEffectElement(e) {
|
||||
if (TouchHandler.allowEvent(e) === false) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var element = null;
|
||||
var target = e.target || e.srcElement;
|
||||
|
||||
while (target.parentElement !== null) {
|
||||
if (!(target instanceof SVGElement) && target.className.indexOf('waves-effect') !== -1) {
|
||||
element = target;
|
||||
break;
|
||||
} else if (target.classList.contains('waves-effect')) {
|
||||
element = target;
|
||||
break;
|
||||
}
|
||||
target = target.parentElement;
|
||||
}
|
||||
|
||||
return element;
|
||||
}
|
||||
|
||||
/**
|
||||
* Bubble the click and show effect if .waves-effect elem was found
|
||||
*/
|
||||
function showEffect(e) {
|
||||
var element = getWavesEffectElement(e);
|
||||
|
||||
if (element !== null) {
|
||||
Effect.show(e, element);
|
||||
|
||||
if ('ontouchstart' in window) {
|
||||
element.addEventListener('touchend', Effect.hide, false);
|
||||
element.addEventListener('touchcancel', Effect.hide, false);
|
||||
}
|
||||
|
||||
element.addEventListener('mouseup', Effect.hide, false);
|
||||
element.addEventListener('mouseleave', Effect.hide, false);
|
||||
}
|
||||
}
|
||||
|
||||
Waves.displayEffect = function(options) {
|
||||
options = options || {};
|
||||
|
||||
if ('duration' in options) {
|
||||
Effect.duration = options.duration;
|
||||
}
|
||||
|
||||
//Wrap input inside <i> tag
|
||||
Effect.wrapInput($$('.waves-effect'));
|
||||
|
||||
if ('ontouchstart' in window) {
|
||||
document.body.addEventListener('touchstart', showEffect, false);
|
||||
}
|
||||
|
||||
document.body.addEventListener('mousedown', showEffect, false);
|
||||
};
|
||||
|
||||
/**
|
||||
* Attach Waves to an input element (or any element which doesn't
|
||||
* bubble mouseup/mousedown events).
|
||||
* Intended to be used with dynamically loaded forms/inputs, or
|
||||
* where the user doesn't want a delegated click handler.
|
||||
*/
|
||||
Waves.attach = function(element) {
|
||||
//FUTURE: automatically add waves classes and allow users
|
||||
// to specify them with an options param? Eg. light/classic/button
|
||||
if (element.tagName.toLowerCase() === 'input') {
|
||||
Effect.wrapInput([element]);
|
||||
element = element.parentElement;
|
||||
}
|
||||
|
||||
if ('ontouchstart' in window) {
|
||||
element.addEventListener('touchstart', showEffect, false);
|
||||
}
|
||||
|
||||
element.addEventListener('mousedown', showEffect, false);
|
||||
};
|
||||
|
||||
return Waves;
|
||||
});
|
||||
|
||||
// Init Waves
|
||||
(function ($) {
|
||||
Drupal.behaviors.wavesInit = {
|
||||
attach: function (context, settings) {
|
||||
Waves.displayEffect();
|
||||
}
|
||||
};
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user