joomla_test/administrator/templates/hathor/less/colour_baseline.less
2020-01-02 22:20:31 +07:00

1753 lines
33 KiB
Plaintext

// colour_baseline.less
//
// Baseline CSS for the Hathor colours.
// Compilers should include this in their colour's imports, but not directly
// compile using this file.
// -----------------------------------------------------
// Core variables and mixins
@import "../../../../media/jui/less/mixins.less";
// Bootstrap Buttons
// Using override for Hathor to target specific instances only
@import "buttons.less";
// Bootstrap Forms
// Using override for Hathor since we're not pulling in all Bootstrap form styles
@import "forms.less";
// Bootstrap Labels and Badges
@import "../../../../media/jui/less/labels-badges.less";
/*
* General styles
*/
body {
background-color: @bodyBackground;
color: @textColor;
}
h1 {
color: @textColor;
}
a:link {
color: @linkColor;
}
a:visited {
color: @linkColor;
}
/*
* Overall Styles
*/
#header {
background: @bodyBackground url(../images/j_logo.png) no-repeat;
}
#header h1.title {
color: @textColor;
}
#nav {
#gradient > .vertical(@gradientTop, @gradientBottom);
border: 1px solid @mainBorder;
}
#content {
background: @bodyBackground;
}
#no-submenu {
border-bottom: 1px solid @mainBorder;
}
#element-box {
background: @bodyBackground;
border-right: 1px solid @mainBorder;
border-bottom: 1px solid @mainBorder;
border-left: 1px solid @mainBorder;
}
#element-box.login {
border-top: 1px solid @mainBorder;
}
/*
* Various Styles
*/
.enabled,
.success,
.allow,
span.writable {
color: @successText;
}
.disabled,
p.error,
.warning,
.deny,
span.unwritable {
color: @errorText;
}
.nowarning {
color: @textColor;
}
.none,
.protected {
color: @mainBorder;
}
span.note {
background: @bodyBackground;
color: @textColor;
}
div.checkin-tick {
background: url(../images/admin/tick.png) 20px 50% no-repeat;
}
/*
* Overlib
*/
.ol-foreground {
background-color: @altBackground;
}
.ol-background {
background-color: @successText;
}
.ol-textfont {
color: @textColor;
}
.ol-captionfont {
color: @bodyBackground;
}
.ol-captionfont a {
color: @linkColor;
}
/*
* Subheader, toolbar, page title
*/
div.subheader .padding {
background: @bodyBackground;
}
.pagetitle h2 {
color: @textColor;
}
div.configuration {
color: @textColor;
background-image: url(../images/menu/icon-16-config.png);
background-repeat: no-repeat;
}
div.toolbar-box {
border-right: 1px solid @mainBorder;
border-bottom: 1px solid @mainBorder;
border-left: 1px solid @mainBorder;
background: @bodyBackground;
}
div.toolbar-list li {
color: @textColor;
}
div.toolbar-list li.divider {
border-right: 1px dotted @hoverBackground;
}
div.toolbar-list a {
border-left: 1px solid @hoverBackground;
border-top: 1px solid @hoverBackground;
border-right: 1px solid @mainBorder;
border-bottom: 1px solid @mainBorder;
background: @altBackground;
}
div.toolbar-list a:hover {
border-left: 1px solid @NWBorder;
border-top: 1px solid @NWBorder;
border-right: 1px solid @SEBorder;
border-bottom: 1px solid @SEBorder;
background: @hoverBackground;
color: @toolbarColor;
}
div.btn-toolbar {
margin-left: 5px;
padding-top: 3px;
}
div.btn-toolbar li.divider {
border-right: 1px dotted @hoverBackground;
}
div.btn-toolbar div.btn-group button {
border-left: 1px solid @hoverBackground;
border-top: 1px solid @hoverBackground;
border-right: 1px solid @mainBorder;
border-bottom: 1px solid @mainBorder;
#gradient > .vertical(@gradientTop, @gradientBottom);
padding: 5px 4px 5px 4px;
}
div.btn-toolbar div.btn-group button:hover {
border-left: 1px solid @NWBorder;
border-top: 1px solid @NWBorder;
border-right: 1px solid @SEBorder;
border-bottom: 1px solid @SEBorder;
background: @hoverBackground;
color: @toolbarColor;
cursor: pointer;
}
div.btn-toolbar a {
border-left: 1px solid @hoverBackground;
border-top: 1px solid @hoverBackground;
border-right: 1px solid @mainBorder;
border-bottom: 1px solid @mainBorder;
#gradient > .vertical(@gradientTop, @gradientBottom);
padding: 6px 5px;
text-align: center;
white-space: nowrap;
font-size: 1.2em;
text-decoration: none;
}
div.btn-toolbar a:hover {
border-left: 1px solid @NWBorder;
border-top: 1px solid @NWBorder;
border-right: 1px solid @SEBorder;
border-bottom: 1px solid @SEBorder;
background: @hoverBackground;
color: @toolbarColor;
cursor: pointer;
}
div.btn-toolbar div.btn-group button.inactive {
background: @altBackground;
}
/*
* Pane Slider pane Toggler styles
*/
.pane-sliders .title {
color: @textColor;
}
.pane-sliders .panel {
border: 1px solid @mainBorder;
}
.pane-sliders .panel h3 {
#gradient > .vertical(@gradientTop, @gradientBottom);
color: @linkColor;
}
.pane-sliders .panel h3:hover {
background: @hoverBackground;
}
.pane-sliders .panel h3:hover a {
text-decoration: none;
}
.pane-sliders .adminlist {
border: 0 none;
}
.pane-sliders .adminlist td {
border: 0 none;
}
.pane-toggler span {
background: transparent url(../images/j_arrow.png) 5px 50% no-repeat;
}
.pane-toggler-down span {
background: transparent url(../images/j_arrow_down.png) 5px 50% no-repeat;
}
.pane-toggler-down {
border-bottom: 1px solid @mainBorder;
}
/*
* Tabs
*/
dl.tabs dt {
border: 1px solid @mainBorder;
#gradient > .vertical(@gradientTop, @gradientBottom);
color: @linkColor;
}
dl.tabs dt:hover {
background: @hoverBackground;
}
dl.tabs dt.open {
background: @bodyBackground;
border-bottom: 1px solid @bodyBackground;
color: @textColor;
}
dl.tabs dt.open a:visited {
color: @textColor;
}
dl.tabs dt a:hover {
text-decoration: none;
}
dl.tabs dt a:focus {
text-decoration: underline;
}
div.current {
border: 1px solid @mainBorder;
background: @bodyBackground;
}
/*
* New parameter styles
*/
div.current fieldset {
border: none 0;
}
div.current fieldset.adminform {
border: 1px solid @mainBorder;
}
/*
* Login Settings
*/
#login-page .pagetitle h2 {
background: transparent;
}
#login-page #header {
border-bottom: 1px solid @mainBorder;
}
#login-page #lock {
background: url(../images/j_login_lock.png) 50% 0 no-repeat;
}
#login-page #element-box.login {
#gradient > .vertical(@gradientTop, @gradientBottom);
}
#form-login {
background: @bodyBackground;
border: 1px solid @mainBorder;
}
#form-login label {
color: @textColor;
}
#form-login div.button1 a {
color: @linkColor;
}
/*
* Cpanel Settings
*/
#cpanel div.icon a, .cpanel div.icon a {
color: @linkColor;
border-left: 1px solid @hoverBackground;
border-top: 1px solid @hoverBackground;
border-right: 1px solid @mainBorder;
border-bottom: 1px solid @mainBorder;
#gradient > .vertical(@gradientTop, @gradientBottom);
}
#cpanel div.icon a:hover,
#cpanel div.icon a:focus,
.cpanel div.icon a:hover,
.cpanel div.icon a:focus {
border-left: 1px solid @NWBorder;
border-top: 1px solid @NWBorder;
border-right: 1px solid @SEBorder;
border-bottom: 1px solid @SEBorder;
color: @linkColor;
background: @hoverBackground;
}
/*
* Form Styles
*/
fieldset {
border: 1px @mainBorder solid;
}
legend {
color: @textColor;
}
fieldset ul.checklist input:focus {
outline: thin dotted @textColor;
}
fieldset#filter-bar {
border-top: 0 solid @mainBorder;
border-right: 0 solid @mainBorder;
border-bottom: 1px solid @mainBorder;
border-left: 0 solid @mainBorder;
}
fieldset#filter-bar ol, fieldset#filter-bar ul {
border: 0;
}
fieldset#filter-bar ol li fieldset, fieldset#filter-bar ul li fieldset {
border: 0;
}
/* Note: these visual cues should be augmented by aria */
.invalid {
color: @errorText;
}
/* must be augmented by aria at the same time if changed dynamically by js
aria-invalid=true or aria-invalid=false */
input.invalid {
border: 1px solid @errorText;
}
/* augmented by aria in template javascript */
input.readonly, span.faux-input {
border: 0;
}
input.required {
background-color: @inputBackground;
}
input.disabled {
background-color: @disabledBackground;
}
input, select, span.faux-input {
background-color: @bodyBackground;
border: 1px solid @mainBorder;
}
/* Inputs used as buttons */
input[type="button"], input[type="submit"], input[type="reset"] {
color: @linkColor;
#gradient > .vertical(@gradientTop, @gradientBottom);
}
input[type="button"]:hover, input[type="button"]:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="reset"]:hover, input[type="reset"]:focus {
background: @hoverBackground;
}
textarea {
background-color: @bodyBackground;
border: 1px solid @mainBorder;
}
input:focus, select:focus, textarea:focus, option:focus,
input:hover, select:hover, textarea:hover, option:hover {
background-color: @hoverBackground;
color: @linkColor;
}
/*
* Option or Parameter styles
*/
.paramrules {
background: @altBackground;
}
span.gi {
color: @mainBorder;
}
/*
* Admintable Styles
*/
table.admintable td.key, table.admintable td.paramlist_key {
background-color: @altBackground;
color: @textColor;
border-bottom: 1px solid @mainBorder;
border-right: 1px solid @mainBorder;
}
table.paramlist td.paramlist_description {
background-color: @altBackground;
color: @textColor;
border-bottom: 1px solid @mainBorder;
border-right: 1px solid @mainBorder;
}
/*
* Admin Form Styles
*/
fieldset.adminform {
border: 1px solid @mainBorder;
}
/*
* Table styles are for use with tabular data
*/
table.adminform {
background-color: @bodyBackground;
}
table.adminform tr.row0 {
background-color: @bodyBackground;
}
table.adminform tr.row1 {
background-color: @hoverBackground;
}
table.adminform th {
color: @textColor;
background: @bodyBackground;
}
table.adminform tr {
border-bottom: 1px solid @mainBorder;
border-right: 1px solid @mainBorder;
}
/*
* Adminlist Table layout
*/
table.adminlist {
border-spacing: 1px;
background-color: @bodyBackground;
color: @textColor;
}
table.adminlist.modal {
border-right: 1px solid @mainBorder;
border-left: 1px solid @mainBorder;
}
table.adminlist a {
color: @linkColor;
}
table.adminlist thead th {
background: @bodyBackground;
color: @textColor;
border-bottom: 1px solid @mainBorder;
}
/*
* Table row styles
*/
table.adminlist tbody tr {
background: @bodyBackground;
}
table.adminlist tbody tr.row1 {
background: @bodyBackground;
}
table.adminlist tbody tr.row1:last-child td,
table.adminlist tbody tr.row1:last-child th {
border-bottom: 1px solid @mainBorder;
}
table.adminlist tbody tr.row0:hover td,
table.adminlist tbody tr.row1:hover td,
table.adminlist tbody tr.row0:hover th,
table.adminlist tbody tr.row1:hover th,
table.adminlist tbody tr.row0:focus td,
table.adminlist tbody tr.row1:focus td,
table.adminlist tbody tr.row0:focus th,
table.adminlist tbody tr.row1:focus th {
background-color: @hoverBackground;
}
table.adminlist tbody tr td,
table.adminlist tbody tr th {
border-right: 1px solid @mainBorder;
}
table.adminlist tbody tr td:last-child {
border-right: none;
}
table.adminlist tbody tr.row0:last-child td,
table.adminlist tbody tr.row0:last-child th {
border-bottom: 1px solid @mainBorder;
}
table.adminlist tbody tr.row0 td,
table.adminlist tbody tr.row0 th {
#gradient > .vertical(@gradientTop, @gradientBottom);
}
table.adminlist {
border-bottom: 0 solid @mainBorder;
}
table.adminlist tfoot tr {
color: @textColor;
}
/*
* Table td/th styles
*/
table.adminlist tfoot td,
table.adminlist tfoot th {
background-color: @bodyBackground;
border-top: 1px solid @mainBorder;
}
/*
* Adminlist buttons
*/
table.adminlist tr td.btns a {
border: 1px solid @mainBorder;
#gradient > .vertical(@gradientTop, @gradientBottom);
color: @linkColor;
}
table.adminlist tr td.btns a:hover,
table.adminlist tr td.btns a:active,
table.adminlist tr td.btns a:focus {
background-color: @bodyBackground;
}
/*
* Saving order icon styling in admin tables
*/
a.saveorder {
background: url(../images/admin/filesave.png) no-repeat;
}
a.saveorder.inactive {
background-position: 0 -16px;
}
/*
* Saving order icon styling in admin tables
*/
fieldset.batch {
background: @bodyBackground;
}
/**
* Button styling
*/
button {
color: @toolbarColor;
border: 1px solid @mainBorder;
#gradient > .vertical(@gradientTop, @gradientBottom);
}
button:hover,
button:focus {
background: @hoverBackground;
}
.invalid {
color: #ff0000;
}
/* Button 1 Type */
.button1 {
border: 1px solid @mainBorder;
color: @linkColor;
#gradient > .vertical(@gradientTop, @gradientBottom);
}
/* Use this if you add images to the buttons such as directional arrows */
.button1 a {
color: @linkColor;
/* add padding if you are using the directional images */
/* padding: 0 30px 0 6px; */
}
.button1 a:hover,
.button1 a:focus {
background: @hoverBackground;
}
/* Button 2 Type */
.button2-left,
.button2-right {
border: 1px solid @mainBorder;
#gradient > .vertical(@gradientTop, @gradientBottom);
}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
color: @linkColor;
}
/* these are inactive buttons */
.button2-left span,
.button2-right span {
color: #999999;
}
.page span,
.blank span {
color: @linkColor;
}
.button2-left a:hover,
.button2-right a:hover,
.button2-left a:focus,
.button2-right a:focus {
background: @hoverBackground;
}
/**
* Pagination styles
*/
/* Grey out the current page number */
.pagination .page span {
color: #999999;
}
/**
* Tooltips
*/
.tip {
background: #000000;
border: 1px solid #FFFFFF;
}
.tip-title {
background: url(../images/selector-arrow-std.png) no-repeat;
}
/**
* Calendar
*/
a img.calendar {
background: url(../images/calendar.png) no-repeat;
}
/**
* JGrid styles
*/
.jgrid span.publish {
background-image: url(../images/admin/tick.png);
}
.jgrid span.unpublish {
background-image: url(../images/admin/publish_x.png);
}
.jgrid span.archive {
background-image: url(../images/menu/icon-16-archive.png);
}
.jgrid span.trash {
background-image: url(../images/menu/icon-16-trash.png);
}
.jgrid span.default {
background-image: url(../images/menu/icon-16-default.png);
}
.jgrid span.notdefault {
background-image: url(../images/menu/icon-16-notdefault.png);
}
.jgrid span.checkedout {
background-image: url(../images/admin/checked_out.png);
}
.jgrid span.downarrow {
background-image: url(../images/admin/downarrow.png);
}
.jgrid span.downarrow_disabled {
background-image: url(../images/admin/downarrow0.png);
}
.jgrid span.uparrow {
background-image: url(../images/admin/uparrow.png);
}
.jgrid span.uparrow_disabled {
background-image: url(../images/admin/uparrow0.png);
}
.jgrid span.published {
background-image: url(../images/admin/publish_g.png);
}
.jgrid span.expired {
background-image: url(../images/admin/publish_r.png);
}
.jgrid span.pending {
background-image: url(../images/admin/publish_y.png);
}
.jgrid span.warning {
background-image: url(../images/admin/publish_y.png);
}
/**
* Toolbar icons
* These icons are used for the toolbar buttons
* The classes are constructed dynamically when the toolbar is created
*/
.icon-32-send {
background-image: url(../images/toolbar/icon-32-send.png);
}
.icon-32-delete {
background-image: url(../images/toolbar/icon-32-delete.png);
}
.icon-32-help {
background-image: url(../images/toolbar/icon-32-help.png);
}
.icon-32-cancel {
background-image: url(../images/toolbar/icon-32-cancel.png);
}
.icon-32-checkin {
background-image: url(../images/toolbar/icon-32-checkin.png);
}
.icon-32-options {
background-image: url(../images/toolbar/icon-32-config.png);
}
.icon-32-apply {
background-image: url(../images/toolbar/icon-32-apply.png);
}
.icon-32-back {
background-image: url(../images/toolbar/icon-32-back.png);
}
.icon-32-forward {
background-image: url(../images/toolbar/icon-32-forward.png);
}
.icon-32-save {
background-image: url(../images/toolbar/icon-32-save.png);
}
.icon-32-edit {
background-image: url(../images/toolbar/icon-32-edit.png);
}
.icon-32-copy {
background-image: url(../images/toolbar/icon-32-copy.png);
}
.icon-32-move {
background-image: url(../images/toolbar/icon-32-move.png);
}
.icon-32-new {
background-image: url(../images/toolbar/icon-32-new.png);
}
.icon-32-upload {
background-image: url(../images/toolbar/icon-32-upload.png);
}
.icon-32-assign {
background-image: url(../images/toolbar/icon-32-publish.png);
}
.icon-32-html {
background-image: url(../images/toolbar/icon-32-html.png);
}
.icon-32-css {
background-image: url(../images/toolbar/icon-32-css.png);
}
.icon-32-menus {
background-image: url(../images/toolbar/icon-32-menu.png);
}
.icon-32-publish {
background-image: url(../images/toolbar/icon-32-publish.png);
}
.icon-32-unblock {
background-image: url(../images/toolbar/icon-32-unblock.png);
}
.icon-32-unpublish {
background-image: url(../images/toolbar/icon-32-unpublish.png);
}
.icon-32-restore {
background-image: url(../images/toolbar/icon-32-revert.png);
}
.icon-32-trash {
background-image: url(../images/toolbar/icon-32-trash.png);
}
.icon-32-archive {
background-image: url(../images/toolbar/icon-32-archive.png);
}
.icon-32-unarchive {
background-image: url(../images/toolbar/icon-32-unarchive.png);
}
.icon-32-preview {
background-image: url(../images/toolbar/icon-32-preview.png);
}
.icon-32-default {
background-image: url(../images/toolbar/icon-32-default.png);
}
.icon-32-refresh {
background-image: url(../images/toolbar/icon-32-refresh.png);
}
.icon-32-save-new {
background-image: url(../images/toolbar/icon-32-save-new.png);
}
.icon-32-save-copy {
background-image: url(../images/toolbar/icon-32-save-copy.png);
}
.icon-32-error {
background-image: url(../images/toolbar/icon-32-error.png);
}
.icon-32-new-style {
background-image: url(../images/toolbar/icon-32-new-style.png);
}
.icon-32-delete-style {
background-image: url(../images/toolbar/icon-32-delete-style.png);
}
.icon-32-purge {
background-image: url(../images/toolbar/icon-32-purge.png);
}
.icon-32-remove {
background-image: url(../images/toolbar/icon-32-remove.png);
}
.icon-32-featured {
background-image: url(../images/toolbar/icon-32-featured.png);
}
.icon-32-export {
background-image: url(../images/toolbar/icon-32-export.png);
}
.icon-32-stats {
background-image: url(../images/toolbar/icon-32-stats.png);
}
.icon-32-print {
background-image: url(../images/toolbar/icon-32-print.png);
}
.icon-32-batch {
background-image: url(../images/toolbar/icon-32-batch.png);
}
/**
* Quick Icons
* Also knows as Header Icons
* These are used for the Quick Icons on the Control Panel
* The same classes are also assigned the Component Title
*/
.icon-48-categories {
background-image: url(../images/header/icon-48-category.png);
}
.icon-48-category-edit {
background-image: url(../images/header/icon-48-category.png);
}
.icon-48-category-add {
background-image: url(../images/header/icon-48-category-add.png);
}
.icon-48-generic {
background-image: url(../images/header/icon-48-generic.png);
}
.icon-48-banners {
background-image: url(../images/header/icon-48-banner.png);
}
.icon-48-banners-categories {
background-image: url(../images/header/icon-48-banner-categories.png);
}
.icon-48-banners-category-edit {
background-image: url(../images/header/icon-48-banner-categories.png);
}
.icon-48-banners-category-add {
background-image: url(../images/header/icon-48-category-add.png);
}
.icon-48-banners-clients {
background-image: url(../images/header/icon-48-banner-client.png);
}
.icon-48-banners-tracks {
background-image: url(../images/header/icon-48-banner-tracks.png);
}
.icon-48-checkin {
background-image: url(../images/header/icon-48-checkin.png);
}
.icon-48-clear {
background-image: url(../images/header/icon-48-clear.png);
}
.icon-48-contact {
background-image: url(../images/header/icon-48-contacts.png);
}
.icon-48-contact-categories {
background-image: url(../images/header/icon-48-contacts-categories.png);
}
.icon-48-contact-category-edit {
background-image: url(../images/header/icon-48-contacts-categories.png);
}
.icon-48-contact-category-add {
background-image: url(../images/header/icon-48-category-add.png);
}
.icon-48-purge {
background-image: url(../images/header/icon-48-purge.png);
}
.icon-48-cpanel {
background-image: url(../images/header/icon-48-cpanel.png);
}
.icon-48-config {
background-image: url(../images/header/icon-48-config.png);
}
.icon-48-groups {
background-image: url(../images/header/icon-48-groups.png);
}
.icon-48-groups-add {
background-image: url(../images/header/icon-48-groups-add.png);
}
.icon-48-levels {
background-image: url(../images/header/icon-48-levels.png);
}
.icon-48-levels-add {
background-image: url(../images/header/icon-48-levels-add.png);
}
.icon-48-module {
background-image: url(../images/header/icon-48-module.png);
}
.icon-48-menu {
background-image: url(../images/header/icon-48-menu.png);
}
.icon-48-menu-add {
background-image: url(../images/header/icon-48-menu-add.png);
}
.icon-48-menumgr {
background-image: url(../images/header/icon-48-menumgr.png);
}
.icon-48-trash {
background-image: url(../images/header/icon-48-trash.png);
}
.icon-48-user {
background-image: url(../images/header/icon-48-user.png);
}
.icon-48-user-add {
background-image: url(../images/header/icon-48-user-add.png);
}
.icon-48-user-edit {
background-image: url(../images/header/icon-48-user-edit.png);
}
.icon-48-user-profile {
background-image: url(../images/header/icon-48-user-profile.png);
}
.icon-48-inbox {
background-image: url(../images/header/icon-48-inbox.png);
}
.icon-48-new-privatemessage {
background-image: url(../images/header/icon-48-new-privatemessage.png);
}
.icon-48-msgconfig {
background-image: url(../images/header/icon-48-message_config.png);
}
.icon-48-langmanager {
background-image: url(../images/header/icon-48-language.png);
}
.icon-48-mediamanager {
background-image: url(../images/header/icon-48-media.png);
}
.icon-48-plugin {
background-image: url(../images/header/icon-48-plugin.png);
}
.icon-48-help_header {
background-image: url(../images/header/icon-48-help_header.png);
}
.icon-48-impressions {
background-image: url(../images/header/icon-48-stats.png);
}
.icon-48-browser {
background-image: url(../images/header/icon-48-stats.png);
}
.icon-48-searchtext {
background-image: url(../images/header/icon-48-stats.png);
}
.icon-48-thememanager {
background-image: url(../images/header/icon-48-themes.png);
}
.icon-48-writemess {
background-image: url(../images/header/icon-48-writemess.png);
}
.icon-48-featured {
background-image: url(../images/header/icon-48-featured.png);
}
.icon-48-sections {
background-image: url(../images/header/icon-48-section.png);
}
.icon-48-article-add {
background-image: url(../images/header/icon-48-article-add.png);
}
.icon-48-article-edit {
background-image: url(../images/header/icon-48-article-edit.png);
}
.icon-48-article {
background-image: url(../images/header/icon-48-article.png);
}
.icon-48-content-categories {
background-image: url(../images/header/icon-48-category.png);
}
.icon-48-content-category-edit {
background-image: url(../images/header/icon-48-category.png);
}
.icon-48-content-category-add {
background-image: url(../images/header/icon-48-category-add.png);
}
.icon-48-install {
background-image: url(../images/header/icon-48-extension.png);
}
.icon-48-dbbackup {
background-image: url(../images/header/icon-48-backup.png);
}
.icon-48-dbrestore {
background-image: url(../images/header/icon-48-dbrestore.png);
}
.icon-48-dbquery {
background-image: url(../images/header/icon-48-query.png);
}
.icon-48-systeminfo {
background-image: url(../images/header/icon-48-info.png);
}
.icon-48-massmail {
background-image: url(../images/header/icon-48-massmail.png);
}
.icon-48-redirect {
background-image: url(../images/header/icon-48-redirect.png);
}
.icon-48-search {
background-image: url(../images/header/icon-48-search.png);
}
.icon-48-finder {
background-image: url(../images/header/icon-48-search.png);
}
.icon-48-newsfeeds {
background-image: url(../images/header/icon-48-newsfeeds.png);
}
.icon-48-newsfeeds-categories {
background-image: url(../images/header/icon-48-newsfeeds-cat.png);
}
.icon-48-newsfeeds-category-edit {
background-image: url(../images/header/icon-48-newsfeeds-cat.png);
}
.icon-48-newsfeeds-category-add {
background-image: url(../images/header/icon-48-category-add.png);
}
.icon-48-weblinks {
background-image: url(../images/header/icon-48-links.png);
}
.icon-48-weblinks-categories {
background-image: url(../images/header/icon-48-links-cat.png);
}
.icon-48-weblinks-category-edit {
background-image: url(../images/header/icon-48-links-cat.png);
}
.icon-48-weblinks-category-add {
background-image: url(../images/header/icon-48-category-add.png);
}
.icon-48-tags {
background-image: url(../images/header/icon-48-tags.png);
}
/**
* General styles
*/
div.message {
border: 1px solid @mainBorder;
color: @textColor;
}
.helpFrame {
border-left: 0 solid @mainBorder;
border-right: none;
border-top: none;
border-bottom: none;
}
.outline {
border: 1px solid @mainBorder;
background: @bodyBackground;
}
/**
* Modal Styles
*/
dl.menu_type dt {
border-bottom: 1px solid @mainBorder;
}
ul#new-modules-list {
border-top: 1px solid @mainBorder;
}
/**
* User Accessibility
*/
/* Skip to Content Visual Styling */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {
color: @bodyBackground;
background: @linkColor;
border-bottom: solid #336 2px;
}
/**
* Admin Form Styles
*/
fieldset.panelform {
border: none 0;
}
/**
* ACL STYLES relocated from com_users/media/grid.css
*/
a.move_up {
background-image: url('../images/admin/uparrow.png');
}
span.move_up {
background-image: url('../images/admin/uparrow0.png');
}
a.move_down {
background-image: url('../images/admin/downarrow.png');
}
span.move_down {
background-image: url('../images/admin/downarrow0.png');
}
a.grid_false {
background-image: url('../images/admin/publish_x.png');
}
a.grid_true {
background-image: url('../images/admin/tick.png');
}
a.grid_trash {
background-image: url('../images/admin/icon-16-trash.png');
}
/**
* ACL PANEL STYLES
*/
/* All Tabs */
tr.row1 {
background-color: @altBackground;
}
/* Summary Tab */
table.aclsummary-table td.col2,
table.aclsummary-table th.col2,
table.aclsummary-table td.col3,
table.aclsummary-table th.col3,
table.aclsummary-table td.col4,
table.aclsummary-table th.col4,
table.aclsummary-table td.col5,
table.aclsummary-table th.col5,
table.aclsummary-table td.col6,
table.aclsummary-table th.col6,
table.aclmodify-table td.col2,
table.aclmodify-table th.col2 {
border-left: 1px solid @mainBorder;
}
/* Icons */
span.icon-16-unset {
background: url(../images/admin/icon-16-denyinactive.png) no-repeat;
}
span.icon-16-allowed {
background: url(../images/admin/icon-16-allow.png) no-repeat;
}
span.icon-16-denied {
background: url(../images/admin/icon-16-deny.png) no-repeat;
}
span.icon-16-locked {
background: url(../images/admin/checked_out.png) 0 0 no-repeat;
}
label.icon-16-allow {
background: url(../images/admin/icon-16-allow.png) no-repeat;
}
label.icon-16-deny {
background: url(../images/admin/icon-16-deny.png) no-repeat;
}
a.icon-16-allow {
background: url(../images/admin/icon-16-allow.png) no-repeat;
}
a.icon-16-deny {
background: url(../images/admin/icon-16-deny.png) no-repeat;
}
a.icon-16-allowinactive {
background: url(../images/admin/icon-16-allowinactive.png) no-repeat;
}
a.icon-16-denyinactive {
background: url(../images/admin/icon-16-denyinactive.png) no-repeat;
}
/* ACL footer/legend */
ul.acllegend li.acl-allowed {
background: url(../images/admin/icon-16-allow.png) no-repeat left;
}
ul.acllegend li.acl-denied {
background: url(../images/admin/icon-16-deny.png) no-repeat left;
}
li.acl-editgroups,
li.acl-resetbtn {
background-color: @altBackground;
border: 1px solid @mainBorder;
}
li.acl-editgroups a,
li.acl-resetbtn a {
color: @linkColor;
}
li.acl-editgroups:hover,
li.acl-resetbtn:hover,
li.acl-editgroups:focus,
li.acl-resetbtn:focus {
background-color: @hoverBackground;
}
/* ACL Config --------- */
table#acl-config {
border: 1px solid @mainBorder;
}
table#acl-config th,
table#acl-config td {
background: @altBackground;
border-bottom: 1px solid @mainBorder;
}
table#acl-config th.acl-groups {
border-right: 1px solid @mainBorder;
}
/**
* Mod_rewrite Warning
*/
#jform_sef_rewrite-lbl {
background: url(../images/admin/icon-16-notice-note.png) right top no-repeat;
}
/**
* Permission Rules
*/
#permissions-sliders .tip {
background: @bodyBackground;
border: 1px solid @mainBorder;
}
#permissions-sliders ul#rules,
#permissions-sliders ul#rules ul {
border: solid 0 @mainBorder;
background: @bodyBackground;
}
ul#rules li .pane-sliders .panel h3.title {
border: solid 0 @mainBorder;
}
#permissions-sliders ul#rules .pane-slider {
border: solid 1px @mainBorder;
}
#permissions-sliders ul#rules li h3 {
border: solid 1px @mainBorder;
}
#permissions-sliders ul#rules li h3.pane-toggler-down a {
border: solid 0;
}
#permissions-sliders ul#rules .group-kind {
color: @textColor;
}
#permissions-sliders ul#rules table.group-rules {
border: solid 1px @mainBorder;
}
#permissions-sliders ul#rules table.group-rules td {
border-right: solid 1px @mainBorder;
border-bottom: solid 1px @mainBorder;
}
#permissions-sliders ul#rules table.group-rules th {
background: @hoverBackground;
border-right: solid 1px @mainBorder;
border-bottom: solid 1px @mainBorder;
color: @textColor;
}
ul#rules table.aclmodify-table {
border: solid 1px @mainBorder;
}
ul#rules table.group-rules td label {
border: solid 0 @mainBorder;
}
#permissions-sliders ul#rules .mypanel {
border: solid 0 @mainBorder;
}
#permissions-sliders ul#rules table.group-rules td {
background: @bodyBackground;
}
#permissions-sliders span.level {
color: @mainBorder;
background-image: none;
}
/*
* Debug styles
*/
.check-0,
table.adminlist tbody td.check-0 {
background-color: @permissionDefault;
}
.check-a,
table.adminlist tbody td.check-a {
background-color: @permissionAllowed;
}
.check-d,
table.adminlist tbody td.check-d {
background-color: @permissionDenied;
}
/**
* System Messages
*/
#system-message dd ul {
color: @textColor;
}
#system-message dd.error ul {
color: @textColor;
}
#system-message dd.message ul {
color: @textColor;
}
#system-message dd.notice ul {
color: @textColor;
}
/** CSS file for Accessible Admin Menu
* based on Matt Carrolls' son of suckerfish
* with javascript by Bill Tomczak
*/
/* Note: set up the font-size on the id and used 100% on the elements.
If ul/li/a are different ems, then the shifting back via non-js keyboard
doesn't work properly */
/**
* Menu Styling
*/
#menu {
/* this is on the main ul */
color: @textColor;
}
#menu ul.dropdown-menu {
/* all lists */
#gradient > .vertical(@gradientTop, @gradientBottom);
color: @textColor;
}
#menu ul.dropdown-menu li.dropdown-submenu {
background: url(../images/j_arrow.png) no-repeat right 50%;
}
#menu ul.dropdown-menu li.divider {
margin-bottom: 0;
border-bottom: 1px dotted @mainBorder;
}
#menu a {
color: @toolbarColor;
background-repeat: no-repeat;
background-position: left 50%;
}
#menu li {
/* all list items */
border-right: 1px solid @mainBorder;
background-color: transparent;
}
#menu li a:hover, #menu li a:focus {
background-color: @hoverBackground;
}
#menu li.disabled a:hover,
#menu li.disabled a:focus,
#menu li.disabled a {
color: @mainBorder;
#gradient > .vertical(@gradientTop, @gradientBottom);
}
#menu li ul {
/* second-level lists */
border: 1px solid @mainBorder;
}
#menu li li {
/* second-level row */
background-color: transparent;
}
/**
* Styling parents
*/
/* 1 level - sfhover */
#menu li.sfhover a {
background-color: @hoverBackground;
}
/* 2 level - normal */
#menu li.sfhover li a {
background-color: transparent;
}
/* 2 level - hover */
#menu li.sfhover li.sfhover a, #menu li li a:focus {
background-color: @hoverBackground;
}
/* 3 level - normal */
#menu li.sfhover li.sfhover li a {
background-color: transparent;
}
/* 3 level - hover */
#menu li.sfhover li.sfhover li.sfhover a, #menu li li li a:focus {
background-color: @hoverBackground;
}
/* bring back the focus elements into view */
#menu li li a:focus, #menu li li li a:focus {
background-color: @hoverBackground;
}
#menu li li li a:focus {
background-color: @hoverBackground;
}
/**
* Submenu styling
*/
#submenu {
border-bottom: 1px solid @mainBorder;
/* border-bottom plus padding-bottom is the technique */
/* This is the background befind the tabs */
/*background: @bodyBackground;*/
}
#submenu li, #submenu span.nolink {
#gradient > .vertical(@gradientTop, @gradientBottom);
border: 1px solid @mainBorder;
color: @linkColor;
}
#submenu li:hover, #submenu li:focus {
background: @hoverBackground;
}
#submenu li.active, #submenu span.nolink.active {
background: @bodyBackground;
border-bottom: 1px solid @bodyBackground;
}
#submenu li.active a,
#submenu span.nolink.active {
color: #000;
}
.element-invisible {
margin: 0;
padding: 0;
}
/* -- Codemirror Editor ----------- */
div.CodeMirror-wrapping {
border: 1px solid @mainBorder;
}
/* User Notes */
table.adminform tr.row0 {
background-color: @bodyBackground;
}
ul.alternating > li:nth-child(odd) {
background-color: @bodyBackground;
}
ul.alternating > li:nth-child(even) {
background-color: @altBackground;
}
ol.alternating > li:nth-child(odd) {
background-color: @bodyBackground;
}
ol.alternating > li:nth-child(even) {
background-color: @altBackground;
}
/* Installer Database */
#installer-database, #installer-discover, #installer-update, #installer-warnings {
border-top: 1px solid @mainBorder;
}
#installer-database p.warning {
background: transparent url(../images/admin/icon-16-deny.png) center left no-repeat;
}
#installer-database p.nowarning {
background: transparent url(../images/admin/icon-16-allow.png) center left no-repeat;
}
/* Override default bootstrap font-size */
.input-append,
.input-prepend {
font-size: 1.2em;
}