2132 lines
41 KiB
CSS
2132 lines
41 KiB
CSS
@charset "UTF-8";
|
|
|
|
/**
|
|
* @package Joomla.Administrator
|
|
* @subpackage templates.hathor
|
|
* @copyright Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
|
|
* @license GNU General Public License version 2 or later; see LICENSE.txt
|
|
* @since 1.6
|
|
*
|
|
* Changes to use high contrast colors
|
|
*/
|
|
|
|
/**
|
|
* Main Colors
|
|
* #163365 Text background/border
|
|
* #1c4181 Alternative text background 1/border
|
|
* #1b3f7c Alternative text background 2/border
|
|
* #fcff20 Text
|
|
* #ffffff Highlighted Text
|
|
* #10254a Main hover color/border
|
|
* #000000 Highlight/shadow border
|
|
* #a20000 Invalid Alert Color
|
|
* #00f800 Success Alert Color
|
|
* #feffbf Disabled Menu/Protected
|
|
*
|
|
* MENU:
|
|
*
|
|
* Standard Link
|
|
* #1b3f7c Link Background
|
|
* #ffffff Text
|
|
* #10254a Border
|
|
*
|
|
* Pressed Link
|
|
* #163365 Text background
|
|
* #ffffff Highlighted Text
|
|
* #000000 Left & Top Border
|
|
* #1b3f7c Right & Bottom Border
|
|
*
|
|
* Background behind the links
|
|
* #163365 Background
|
|
* #122b56 Border
|
|
*
|
|
* Inactive (Disabled)
|
|
* #cccccc Text
|
|
*
|
|
* SUBMENU
|
|
* #163365 Active Tab Background
|
|
* #fcff20 Active Tab Text color
|
|
* #10254a Hover background
|
|
* #10254a Border
|
|
* #1b3f7c "off" Tab Background
|
|
* #ffffff "off" Tab Text color
|
|
*
|
|
* #1c4181 Color behind the tabs
|
|
*/
|
|
|
|
/**
|
|
* General styles
|
|
*/
|
|
body {
|
|
background-color: #1c4181;
|
|
color: #fcff20;
|
|
}
|
|
|
|
div#sbox-content {
|
|
background-color: #1c4181;
|
|
color: #fcff20;
|
|
}
|
|
|
|
h1 {
|
|
color: #163365;
|
|
}
|
|
|
|
a:link {
|
|
color: #ffffff;
|
|
}
|
|
|
|
a:visited {
|
|
color: #ffffff;
|
|
}
|
|
|
|
a:hover,a:focus {
|
|
text-decoration: underline;
|
|
color: #fcff20;
|
|
}
|
|
|
|
/**
|
|
* Overall Styles
|
|
*/
|
|
#header {
|
|
background: #ffffff url(../images/j_logo.png) no-repeat;
|
|
}
|
|
|
|
#header h1.title {
|
|
color: #163365;
|
|
}
|
|
|
|
#footer {
|
|
background: #163365;
|
|
border: 1px solid #1b3f7c;
|
|
}
|
|
|
|
#nav {
|
|
background: #163365;
|
|
border: 1px solid #1b3f7c;
|
|
}
|
|
|
|
#content {
|
|
background: #1c4181;
|
|
}
|
|
|
|
#no-submenu {
|
|
border-bottom: 1px solid #1b3f7c;
|
|
}
|
|
|
|
#element-box {
|
|
background: #163365;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-left: 1px solid #1b3f7c;
|
|
}
|
|
|
|
#element-box.login {
|
|
border-top: 1px solid #1b3f7c;
|
|
}
|
|
|
|
/**
|
|
* Status layout
|
|
*/
|
|
#module-status a, #module-status span {
|
|
color: #163365;
|
|
}
|
|
|
|
#module-status .preview {
|
|
background: url(../images/menu/icon-16-media.png) 3px 3px no-repeat;
|
|
}
|
|
|
|
#module-status .viewsite {
|
|
background: url(../images/menu/icon-16-viewsite.png) 3px 3px no-repeat;
|
|
}
|
|
|
|
#module-status .unread-messages,#module-status .no-unread-messages {
|
|
background: url(../images/menu/icon-16-messages.png) 3px 3px no-repeat;
|
|
}
|
|
|
|
#module-status .loggedin-users {
|
|
background: url(../images/menu/icon-16-user.png) 3px 3px no-repeat;
|
|
}
|
|
|
|
#module-status .backloggedin-users {
|
|
background: url(../images/menu/icon-16-back-user.png) 3px 3px no-repeat;
|
|
}
|
|
|
|
#module-status .multilanguage {
|
|
background: url(../images/menu/icon-16-language.png) 3px 3px no-repeat;
|
|
}
|
|
|
|
#module-status .logout {
|
|
background: url(../images/menu/icon-16-logout.png) 3px 3px no-repeat;
|
|
}
|
|
|
|
/**
|
|
* Various Styles
|
|
*/
|
|
.enabled,
|
|
.success ,
|
|
.allow,
|
|
span.writable {
|
|
color: #00f800;
|
|
}
|
|
|
|
.disabled,
|
|
p.error,
|
|
.warning,
|
|
.deny,
|
|
span.unwritable {
|
|
color: #a20000;
|
|
}
|
|
|
|
.nowarning {
|
|
color: #fcff20;
|
|
}
|
|
|
|
.none,.protected {
|
|
color: #feffbf;
|
|
}
|
|
|
|
span.note {
|
|
background: #163365;
|
|
color: #fcff20;
|
|
}
|
|
|
|
div.checkin-tick {
|
|
background: url(../images/admin/tick.png) 20px 50% no-repeat;
|
|
}
|
|
|
|
/**
|
|
* Overlib
|
|
*/
|
|
.ol-foreground {
|
|
background-color: #fcff20;
|
|
}
|
|
|
|
.ol-background {
|
|
background-color: #1b3f7c;
|
|
}
|
|
|
|
.ol-textfont {
|
|
color: #163365;
|
|
}
|
|
|
|
.ol-captionfont {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.ol-captionfont a {
|
|
color: #1b3f7c;
|
|
}
|
|
|
|
/**
|
|
* Subheader, toolbar, page title
|
|
*/
|
|
.pagetitle h2 {
|
|
color: #fcff20;
|
|
}
|
|
|
|
div.configuration {
|
|
color: #fcff20;
|
|
background-image: url(../images/menu/icon-16-config.png);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.toolbar-box {
|
|
border-right: 1px solid #10254a;
|
|
border-bottom: 1px solid #10254a;
|
|
border-left: 1px solid #10254a;
|
|
background: #163365;
|
|
}
|
|
|
|
div.toolbar-list li {
|
|
color: #fcff20;
|
|
}
|
|
|
|
div.toolbar-list li.divider {
|
|
border-right:1px dotted #1b3f7c;
|
|
}
|
|
|
|
div.toolbar-list a {
|
|
border: 1px solid #10254a;
|
|
color: #fcff20;
|
|
background: #1b3f7c;
|
|
}
|
|
|
|
div.toolbar-list a:hover {
|
|
border-left: 1px solid #000000;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
background: #163365;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/**
|
|
* Pane Slider pane Toggler styles
|
|
*/
|
|
.pane-sliders .title {
|
|
color: #fcff20;
|
|
border: 1px solid #10254a;
|
|
}
|
|
|
|
.pane-sliders .panel {
|
|
border: 1px solid #1b3f7c;
|
|
}
|
|
|
|
.pane-sliders .panel h3 {
|
|
background: #1c4181;
|
|
color: #fcff20;
|
|
}
|
|
|
|
.pane-sliders .content {
|
|
background: #163365;
|
|
}
|
|
|
|
.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 #1b3f7c;
|
|
}
|
|
|
|
/**
|
|
* Tabs
|
|
*/
|
|
dl.tabs dt {
|
|
border: 1px solid #10254a;
|
|
background: #1c4181;
|
|
color: #fcff20;
|
|
}
|
|
|
|
dl.tabs dt.open {
|
|
background: #163365;
|
|
border-bottom: 1px solid #163365;
|
|
color: #fcff20;
|
|
}
|
|
|
|
dl.tabs dt.open a:visited {
|
|
color: #fcff20;
|
|
}
|
|
|
|
div.current {
|
|
border: 1px solid #10254a;
|
|
background: #163365;
|
|
}
|
|
|
|
div.current dd {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
div#menu-assignment h3 {
|
|
border-bottom: 1px solid #fcff20;
|
|
}
|
|
|
|
/**
|
|
* Login Settings
|
|
*/
|
|
#login-page .pagetitle h2 {
|
|
background-color: transparent;
|
|
/* background-color: #1c4181; */
|
|
color: #fcff20;
|
|
}
|
|
|
|
#login-page #header {
|
|
border-bottom: 1px solid #1b3f7c;
|
|
}
|
|
|
|
#login-page #content {
|
|
background: #1c4181;
|
|
}
|
|
|
|
#login-page #lock {
|
|
background: url(../images/j_login_lock.png) 50% 0 no-repeat;
|
|
}
|
|
|
|
#login-page #element-box.login {
|
|
background: #163365;
|
|
border: 1px solid #10254a;
|
|
}
|
|
|
|
#form-login {
|
|
border: 1px solid #10254a;
|
|
background: #1c4181;
|
|
}
|
|
|
|
#form-login label {
|
|
color: #fcff20;
|
|
}
|
|
|
|
#form-login div.button1 a {
|
|
color: #fcff20;
|
|
background-color: #1b3f7c;
|
|
border: 1px solid #10254a;
|
|
}
|
|
|
|
#form-login div.button1 a:hover,#form-login div.button1 a:focus {
|
|
text-decoration: none;
|
|
background-color: #163365;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-left: 1px solid #000000;
|
|
color: #fcff20;
|
|
}
|
|
|
|
/**
|
|
* Cpanel Settings
|
|
*/
|
|
.cpanel-page div#element-box {
|
|
background: #163365;
|
|
border: 1px solid #10254a;
|
|
}
|
|
|
|
#cpanel div.icon a, .cpanel div.icon a {
|
|
border: 1px solid #10254a;
|
|
background: #1b3f7c;
|
|
color: #fcff20;
|
|
}
|
|
|
|
#cpanel div.icon a:hover,
|
|
#cpanel div.icon a:focus,
|
|
.cpanel div.icon a:hover,
|
|
.cpanel div.icon a:focus {
|
|
border-left: 1px solid #000000;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
background: #163365;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/**
|
|
* Form Styles
|
|
*/
|
|
fieldset {
|
|
border: 3px dotted #1b3f7c;
|
|
}
|
|
|
|
legend {
|
|
color: #fcff20;
|
|
}
|
|
|
|
fieldset ul.checklist input:focus {
|
|
outline: thin dotted #333333;
|
|
}
|
|
|
|
fieldset#filter-bar {
|
|
border-bottom: 1px solid #1b3f7c;
|
|
}
|
|
|
|
fieldset#filter-bar ol, fieldset#filter-bar ul {
|
|
border: 0;
|
|
}
|
|
|
|
fieldset#filter-bar ol li fieldset, fieldset#filter-bar ul li fieldset {
|
|
border: 0;
|
|
}
|
|
|
|
input,span.faux-input, select,option {
|
|
color: #fcff20;
|
|
background-color: #163365;
|
|
border: 1px solid #1b3f7c;
|
|
}
|
|
|
|
/* Note: these visual cues should be augmented by aria */
|
|
.invalid {
|
|
color: #a20000;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/* 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 #a20000;
|
|
}
|
|
|
|
input.required {
|
|
background-color: #fcff20;
|
|
color: #163365;
|
|
border: 1px solid #1b3f7c;
|
|
}
|
|
|
|
input.disabled {
|
|
background-color: #eeeeee;
|
|
}
|
|
|
|
/* Inputs used as buttons */
|
|
input[type="button"],
|
|
input[type="submit"],
|
|
input[type="reset"] {
|
|
background-color: #1b3f7c;
|
|
border: 1px solid #10254a;
|
|
color: #fcff20;
|
|
}
|
|
|
|
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-color: #163365;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-left: 1px solid #000000;
|
|
color: #fcff20;
|
|
}
|
|
|
|
textarea {
|
|
color: #fcff20;
|
|
background-color: #163365;
|
|
border: 1px solid #1b3f7c;
|
|
}
|
|
|
|
input:focus, select:focus, textarea:focus, option:focus,
|
|
input:hover, select:hover, textarea:hover, option:hover
|
|
{
|
|
background-color: #10254a;
|
|
color: #fcff20;
|
|
}
|
|
|
|
/**
|
|
* Option or Parameter styles
|
|
*/
|
|
.paramrules {
|
|
background: #1b3f7c;
|
|
}
|
|
|
|
span.gi {
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
/**
|
|
* Admintable Styles
|
|
*/
|
|
table.admintable td.key,table.admintable td.paramlist_key {
|
|
background-color: #1c4181;
|
|
color: #fcff20;
|
|
border-bottom: 1px solid #10254a;
|
|
border-right: 1px solid #10254a;
|
|
}
|
|
|
|
table.paramlist td.paramlist_description {
|
|
background-color: #1c4181;
|
|
color: #fcff20;
|
|
border-bottom: 1px solid #10254a;
|
|
border-right: 1px solid #10254a;
|
|
}
|
|
|
|
/**
|
|
* Admin Form Styles
|
|
*/
|
|
fieldset.adminform {
|
|
border: 1px solid #1b3f7c;
|
|
}
|
|
|
|
/* Table styles are for use with tabular data */
|
|
table.adminform {
|
|
background-color: #163365;
|
|
}
|
|
|
|
table.adminform tr.row0 {
|
|
background-color: #163365;
|
|
}
|
|
|
|
table.adminform tr.row1 {
|
|
background-color: #10254a;
|
|
}
|
|
|
|
table.adminform th {
|
|
color: #fcff20;
|
|
background: #163365;
|
|
}
|
|
|
|
table.adminform tr {
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-right: 1px solid #1b3f7c;
|
|
}
|
|
|
|
/**
|
|
* Adminlist Table layout
|
|
*/
|
|
table.adminlist {
|
|
background-color: #163365;
|
|
color: #fcff20;
|
|
}
|
|
|
|
table.adminlist a {
|
|
color: #ffffff;
|
|
}
|
|
|
|
table.adminlist thead th {
|
|
background: #163365;
|
|
color: #fcff20;
|
|
}
|
|
|
|
/* Table row styles */
|
|
table.adminlist tbody tr {
|
|
background: #163365;
|
|
}
|
|
|
|
table.adminlist tbody tr.row1 {
|
|
background: #163365;
|
|
}
|
|
|
|
table.adminlist tbody tr.row1 td,
|
|
table.adminlist tbody tr.row1 th {
|
|
border-bottom: 1px solid #1b3f7c;
|
|
}
|
|
|
|
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: #10254a;
|
|
}
|
|
|
|
table.adminlist tbody tr td,
|
|
table.adminlist tbody tr th {
|
|
border-right: 1px solid #1b3f7c;
|
|
}
|
|
|
|
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 #1b3f7c;
|
|
}
|
|
|
|
table.adminlist tbody tr.row0 td,
|
|
table.adminlist tbody tr.row0 th {
|
|
background: #1c4181;
|
|
}
|
|
|
|
table.adminlist tfoot tr {
|
|
color: #fcff20;
|
|
}
|
|
|
|
/* Table td/th styles */
|
|
table.adminlist tfoot td,table.adminlist tfoot th {
|
|
background-color: #163365;
|
|
border-top: 1px solid #1b3f7c;
|
|
}
|
|
|
|
/**
|
|
* Adminlist buttons
|
|
*/
|
|
table.adminlist tr td.btns a {
|
|
background-color: #1b3f7c;
|
|
border: 1px solid #10254a;
|
|
color: #fcff20;
|
|
}
|
|
|
|
table.adminlist tr td.btns a:hover, table.adminlist tr td.btns a:active, table.adminlist tr td.btns a:focus {
|
|
background-color: #163365;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-left: 1px solid #000000;
|
|
color: #fcff20;
|
|
}
|
|
|
|
/**
|
|
* 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: #1c4181;
|
|
}
|
|
|
|
|
|
/**
|
|
* Button styling
|
|
*/
|
|
button {
|
|
color: #fcff20;
|
|
background-color: #1b3f7c;
|
|
border: 1px solid #10254a;
|
|
}
|
|
|
|
button:hover, button:focus {
|
|
background-color: #163365;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-left: 1px solid #000000;
|
|
color: #fcff20;
|
|
}
|
|
|
|
/* Button 1 Type */
|
|
.button1 {
|
|
border: none;
|
|
background: #1b3f7c;
|
|
}
|
|
|
|
/* Use this if you add images to the buttons such as directional arrows */
|
|
.button1 .next {
|
|
/* background: transparent url(../images/j_button1_next.png) 100% 0 no-repeat; */
|
|
}
|
|
|
|
.button1 a {
|
|
border: 1px solid #10254a;
|
|
color: #fcff20;
|
|
}
|
|
|
|
.button1 a:hover,.button1 a:focus {
|
|
text-decoration: none;
|
|
background-color: #163365;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-left: 1px solid #000000;
|
|
color: #fcff20;
|
|
}
|
|
|
|
/* Button 2 Type */
|
|
.button2-left,.button2-right {
|
|
border: none;
|
|
background: #1b3f7c;
|
|
}
|
|
|
|
.button2-left a,.button2-right a,.button2-left span,.button2-right span
|
|
{
|
|
color: #fcff20;
|
|
border: 1px solid #10254a;
|
|
}
|
|
|
|
/* these are inactive buttons */
|
|
.button2-left span,.button2-right span {
|
|
color: #cccccc;
|
|
border: 1px solid #10254a;
|
|
}
|
|
|
|
.page span,.blank span {
|
|
color: #fcff20;
|
|
border: 1px solid #10254a;
|
|
}
|
|
|
|
.button2-left a:hover,.button2-right a:hover,.button2-left a:focus,.button2-right a:focus
|
|
{
|
|
text-decoration: none;
|
|
background-color: #163365;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-left: 1px solid #000000;
|
|
color: #fcff20;
|
|
}
|
|
|
|
/**
|
|
* Pagination styles
|
|
*/
|
|
|
|
/* Grey out the current page number */
|
|
.pagination .page span {
|
|
color: #cccccc;
|
|
}
|
|
|
|
/**
|
|
* 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);
|
|
}
|
|
|
|
/**
|
|
* Menu Icons
|
|
* These icons are used on the Administrator menu
|
|
* The classes are constructed dynamically when the menu is generated
|
|
*/
|
|
.icon-16-archive {
|
|
background-image: url(../images/menu/icon-16-archive.png);
|
|
}
|
|
|
|
.icon-16-article {
|
|
background-image: url(../images/menu/icon-16-article.png);
|
|
}
|
|
|
|
.icon-16-banners {
|
|
background-image: url(../images/menu/icon-16-banner.png);
|
|
}
|
|
|
|
.icon-16-banners-clients {
|
|
background-image: url(../images/menu/icon-16-banner-client.png);
|
|
}
|
|
|
|
.icon-16-banners-tracks {
|
|
background-image: url(../images/menu/icon-16-banner-tracks.png);
|
|
}
|
|
|
|
.icon-16-banners-cat {
|
|
background-image: url(../images/menu/icon-16-banner-categories.png);
|
|
}
|
|
|
|
.icon-16-category {
|
|
background-image: url(../images/menu/icon-16-category.png);
|
|
}
|
|
|
|
.icon-16-checkin {
|
|
background-image: url(../images/menu/icon-16-checkin.png);
|
|
}
|
|
|
|
.icon-16-clear {
|
|
background-image: url(../images/menu/icon-16-clear.png);
|
|
}
|
|
|
|
.icon-16-component {
|
|
background-image: url(../images/menu/icon-16-component.png);
|
|
}
|
|
|
|
.icon-16-config {
|
|
background-image: url(../images/menu/icon-16-config.png);
|
|
}
|
|
|
|
.icon-16-contact {
|
|
background-image: url(../images/menu/icon-16-contacts.png);
|
|
}
|
|
|
|
.icon-16-contact-cat {
|
|
background-image: url(../images/menu/icon-16-contacts-categories.png);
|
|
}
|
|
|
|
.icon-16-content {
|
|
background-image: url(../images/menu/icon-16-content.png);
|
|
}
|
|
|
|
.icon-16-cpanel {
|
|
background-image: url(../images/menu/icon-16-cpanel.png);
|
|
}
|
|
|
|
.icon-16-default {
|
|
background-image: url(../images/menu/icon-16-default.png);
|
|
}
|
|
|
|
.icon-16-featured {
|
|
background-image: url(../images/menu/icon-16-featured.png);
|
|
}
|
|
|
|
.icon-16-groups {
|
|
background-image: url(../images/menu/icon-16-groups.png);
|
|
}
|
|
|
|
.icon-16-help {
|
|
background-image: url(../images/menu/icon-16-help.png);
|
|
}
|
|
|
|
.icon-16-help-this {
|
|
background-image: url(../images/menu/icon-16-help-this.png);
|
|
}
|
|
|
|
.icon-16-help-forum {
|
|
background-image: url(../images/menu/icon-16-help-forum.png);
|
|
}
|
|
|
|
.icon-16-help-docs {
|
|
background-image: url(../images/menu/icon-16-help-docs.png);
|
|
}
|
|
|
|
.icon-16-help-jed {
|
|
background-image: url(../images/menu/icon-16-help-jed.png);
|
|
}
|
|
|
|
.icon-16-help-jrd {
|
|
background-image: url(../images/menu/icon-16-help-jrd.png);
|
|
}
|
|
|
|
.icon-16-help-community {
|
|
background-image: url(../images/menu/icon-16-help-community.png);
|
|
}
|
|
|
|
.icon-16-help-security {
|
|
background-image: url(../images/menu/icon-16-help-security.png);
|
|
}
|
|
|
|
.icon-16-help-dev {
|
|
background-image: url(../images/menu/icon-16-help-dev.png);
|
|
}
|
|
|
|
.icon-16-help-shop {
|
|
background-image: url(../images/menu/icon-16-help-shop.png);
|
|
}
|
|
|
|
.icon-16-info {
|
|
background-image: url(../images/menu/icon-16-info.png);
|
|
}
|
|
|
|
.icon-16-install {
|
|
background-image: url(../images/menu/icon-16-install.png);
|
|
}
|
|
|
|
.icon-16-joomlaupdate {
|
|
background-image: url(../images/menu/icon-16-install.png);
|
|
}
|
|
|
|
.icon-16-language {
|
|
background-image: url(../images/menu/icon-16-language.png);
|
|
}
|
|
|
|
.icon-16-levels {
|
|
background-image: url(../images/menu/icon-16-levels.png);
|
|
}
|
|
|
|
.icon-16-logout {
|
|
background-image: url(../images/menu/icon-16-logout.png);
|
|
}
|
|
|
|
.icon-16-maintenance {
|
|
background-image: url(../images/menu/icon-16-maintenance.png);
|
|
}
|
|
|
|
.icon-16-massmail {
|
|
background-image: url(../images/menu/icon-16-massmail.png);
|
|
}
|
|
|
|
.icon-16-media {
|
|
background-image: url(../images/menu/icon-16-media.png);
|
|
}
|
|
|
|
.icon-16-menu {
|
|
background-image: url(../images/menu/icon-16-menu.png);
|
|
}
|
|
|
|
.icon-16-menumgr {
|
|
background-image: url(../images/menu/icon-16-menumgr.png);
|
|
}
|
|
|
|
.icon-16-messages {
|
|
background-image: url(../images/menu/icon-16-messaging.png);
|
|
}
|
|
|
|
.icon-16-messages-add {
|
|
background-image: url(../images/menu/icon-16-new-privatemessage.png);
|
|
}
|
|
|
|
.icon-16-messages-read {
|
|
background-image: url(../images/menu/icon-16-messages.png);
|
|
}
|
|
|
|
.icon-16-module {
|
|
background-image: url(../images/menu/icon-16-module.png);
|
|
}
|
|
|
|
/* .icon-16-new { background-image: url(../images/menu/icon-16-new.png); } */
|
|
.icon-16-newarticle {
|
|
background-image: url(../images/menu/icon-16-newarticle.png);
|
|
}
|
|
|
|
.icon-16-newcategory {
|
|
background-image: url(../images/menu/icon-16-newcategory.png);
|
|
}
|
|
|
|
.icon-16-newgroup {
|
|
background-image: url(../images/menu/icon-16-newgroup.png);
|
|
}
|
|
|
|
.icon-16-newlevel {
|
|
background-image: url(../images/menu/icon-16-newlevel.png);
|
|
}
|
|
|
|
.icon-16-newuser {
|
|
background-image: url(../images/menu/icon-16-newuser.png);
|
|
}
|
|
|
|
.icon-16-plugin {
|
|
background-image: url(../images/menu/icon-16-plugin.png);
|
|
}
|
|
|
|
.icon-16-profile {
|
|
background-image: url(../images/menu/icon-16-user.png);
|
|
}
|
|
|
|
.icon-16-purge {
|
|
background-image: url(../images/menu/icon-16-purge.png);
|
|
}
|
|
|
|
.icon-16-readmess {
|
|
background-image: url(../images/menu/icon-16-readmess.png);
|
|
}
|
|
|
|
.icon-16-section {
|
|
background-image: url(../images/menu/icon-16-section.png);
|
|
}
|
|
|
|
.icon-16-static {
|
|
background-image: url(../images/menu/icon-16-static.png);
|
|
}
|
|
|
|
.icon-16-stats {
|
|
background-image: url(../images/menu/icon-16-stats.png);
|
|
}
|
|
|
|
.icon-16-themes {
|
|
background-image: url(../images/menu/icon-16-themes.png);
|
|
}
|
|
|
|
.icon-16-trash {
|
|
background-image: url(../images/menu/icon-16-trash.png);
|
|
}
|
|
|
|
.icon-16-user {
|
|
background-image: url(../images/menu/icon-16-user.png);
|
|
}
|
|
|
|
.icon-16-user-note {
|
|
background-image: url(../images/menu/icon-16-user-note.png);
|
|
}
|
|
|
|
.icon-16-delete {
|
|
background-image: url(../images/menu/icon-16-delete.png);
|
|
}
|
|
|
|
.icon-16-help-trans {
|
|
background-image: url(../images/menu/icon-16-help-trans.png);
|
|
}
|
|
|
|
.icon-16-newsfeeds {
|
|
background-image: url(../images/menu/icon-16-newsfeeds.png);
|
|
}
|
|
|
|
.icon-16-newsfeeds-cat {
|
|
background-image: url(../images/menu/icon-16-newsfeeds-cat.png);
|
|
}
|
|
|
|
.icon-16-redirect {
|
|
background-image: url(../images/menu/icon-16-redirect.png);
|
|
}
|
|
|
|
.icon-16-search {
|
|
background-image: url(../images/menu/icon-16-search.png);
|
|
}
|
|
|
|
.icon-16-finder {
|
|
background-image: url(../images/menu/icon-16-search.png);
|
|
}
|
|
|
|
.icon-16-weblinks {
|
|
background-image: url(../images/menu/icon-16-links.png);
|
|
}
|
|
|
|
.icon-16-weblinks-cat {
|
|
background-image: url(../images/menu/icon-16-links-cat.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);
|
|
}
|
|
|
|
/**
|
|
* 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 #1b3f7c;
|
|
color: #333;
|
|
}
|
|
|
|
.helpFrame {
|
|
border-left: 0 solid #1b3f7c;
|
|
border-right: none;
|
|
border-top: none;
|
|
border-bottom: none;
|
|
}
|
|
|
|
/**
|
|
* Override mootree.css styles
|
|
* media/system/css/mootree.css
|
|
*/
|
|
.mooTree_selected {
|
|
background-color: #10254a;
|
|
}
|
|
|
|
/**
|
|
* Modal Styles
|
|
*/
|
|
dl.menu_type dt {
|
|
border-bottom: 1px solid #1b3f7c;
|
|
}
|
|
|
|
ul#new-modules-list {
|
|
border-top: 1px solid #1b3f7c;
|
|
}
|
|
|
|
/**
|
|
* Override mediamanager.css styles
|
|
* administrator/components/com_media/assets/mediamanager.css
|
|
*/
|
|
#folderview input#folderpath {
|
|
width: 65%;
|
|
color: #fcff20;
|
|
background-color: #163365;
|
|
border: 1px solid #1b3f7c;
|
|
}
|
|
|
|
.upload-queue .queue-loader {
|
|
background-color: #fcff20;
|
|
color: #163365;
|
|
border: 1px inset #fcff20;
|
|
}
|
|
|
|
.upload-queue .queue-subloader {
|
|
background-color: #1b3f7c;
|
|
color: #fcff20;
|
|
}
|
|
|
|
/**
|
|
* User Accessibility
|
|
*/
|
|
|
|
/* Skip to Content Visual Styling */
|
|
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {
|
|
color: #163365;
|
|
background: #fcff20;
|
|
}
|
|
|
|
/**
|
|
* 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: #1c4181;
|
|
}
|
|
|
|
/* 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 #cbcbcb;
|
|
}
|
|
|
|
/* 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: #1b3f7c;
|
|
border: 1px solid #10254a;
|
|
}
|
|
|
|
li.acl-editgroups a,
|
|
li.acl-resetbtn a {
|
|
color: #fcff20
|
|
}
|
|
|
|
li.acl-editgroups:hover,
|
|
li.acl-resetbtn:hover,
|
|
li.acl-editgroups:focus,
|
|
li.acl-resetbtn:focus {
|
|
background-color: #163365;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-left: 1px solid #000000;
|
|
color: #fcff20;
|
|
}
|
|
|
|
/* ACL Config --------- */
|
|
table#acl-config {
|
|
border: 1px solid #10254a;
|
|
background: #1c4181;
|
|
}
|
|
|
|
table#acl-config th,
|
|
table#acl-config td {
|
|
background: #1c4181;
|
|
border-bottom: 1px solid #10254a;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
table#acl-config th.acl-groups {
|
|
border-right: 1px solid #10254a;
|
|
}
|
|
|
|
/**
|
|
* Mod_rewrite Warning
|
|
*/
|
|
#jform_sef_rewrite-lbl {
|
|
background: url(../images/admin/icon-16-notice-note.png) right top no-repeat;
|
|
}
|
|
|
|
/**
|
|
* Options modal- config
|
|
*/
|
|
|
|
/* *
|
|
* Permission Rules
|
|
*/
|
|
|
|
#permissions-sliders ul#rules,
|
|
#permissions-sliders ul#rules ul {
|
|
border:solid 0 #1b3f7c;
|
|
background:#163365;
|
|
}
|
|
|
|
ul#rules li .pane-sliders .panel h3.title {
|
|
border:solid 0 #1b3f7c;
|
|
}
|
|
|
|
#permissions-sliders ul#rules .pane-slider {
|
|
border:solid 1px #1b3f7c;
|
|
}
|
|
|
|
#permissions-sliders ul#rules li h3 {
|
|
background:#1c4181;
|
|
border: 1px solid #1b3f7c;
|
|
}
|
|
|
|
#permissions-sliders ul#rules li h3.pane-toggler-down a {
|
|
border:solid 0;
|
|
}
|
|
|
|
#permissions-sliders ul#rules .group-kind {
|
|
color:#fcff20;
|
|
}
|
|
|
|
#permissions-sliders ul#rules table.group-rules td {
|
|
border-right:solid 1px #1b3f7c;
|
|
border-bottom:solid 1px #1b3f7c;
|
|
}
|
|
|
|
#permissions-sliders ul#rules table.group-rules th {
|
|
background: #10254a;
|
|
border-right:solid 1px #1b3f7c;
|
|
border-bottom:solid 1px #1b3f7c;
|
|
color:#fcff20;
|
|
}
|
|
|
|
ul#rules table.aclmodify-table {
|
|
border:solid 1px #fcff20;
|
|
}
|
|
|
|
ul#rules table.group-rules td label {
|
|
border:solid 0 #1b3f7c;
|
|
}
|
|
|
|
#permissions-sliders ul#rules .mypanel {
|
|
border:solid 0 #1b3f7c;
|
|
}
|
|
|
|
#permissions-sliders ul#rules table.group-rules td {
|
|
background: #163365;
|
|
}
|
|
|
|
#permissions-sliders span.level {
|
|
color:#ffffff;
|
|
background-image:none;
|
|
}
|
|
|
|
/*
|
|
* Debug styles
|
|
*/
|
|
.check-0,
|
|
table.adminlist tbody td.check-0,
|
|
table.adminlist tbody tr:hover td.check-0 {
|
|
background-color: #FFFFCF;
|
|
color: #163365;
|
|
}
|
|
|
|
.check-a,
|
|
table.adminlist tbody td.check-a,
|
|
table.adminlist tbody tr:hover td.check-a {
|
|
background-color: #CFFFDA;
|
|
color: #163365;
|
|
}
|
|
|
|
.check-d,
|
|
table.adminlist tbody td.check-d,
|
|
table.adminlist tbody tr:hover td.check-d {
|
|
background-color: #FFCFCF;
|
|
color: #163365;
|
|
}
|
|
|
|
/**
|
|
* System Messages
|
|
*/
|
|
|
|
#system-message dd ul {
|
|
color: #fcff20;
|
|
border-top: 3px solid #84A7DB;
|
|
border-bottom: 3px solid #84A7DB;
|
|
}
|
|
|
|
#system-message dd.error ul {
|
|
color: #fcff20;
|
|
background: #1c4181 url(../images/notice-alert.png) 4px top no-repeat;
|
|
border-top: 3px solid #a20000;
|
|
border-bottom: 3px solid #a20000;
|
|
}
|
|
|
|
#system-message dd.message ul {
|
|
color: #fcff20;
|
|
background: #10254a url(../images/notice-info.png) 4px center no-repeat;
|
|
border-top: 3px solid #EFE7B8;
|
|
border-bottom: 3px solid #EFE7B8;
|
|
}
|
|
|
|
#system-message dd.notice ul {
|
|
color: #fcff20;
|
|
background: #10254a url(../images/notice-note.png) 4px top no-repeat;
|
|
border-top: 3px solid #F0DC7E;
|
|
border-bottom: 3px solid #F0DC7E;
|
|
}
|
|
|
|
/** 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: #ffffff;
|
|
}
|
|
|
|
#menu ul { /* all lists */
|
|
background-color: #163365;
|
|
color: #ffffff;
|
|
}
|
|
|
|
#menu ul li.node {
|
|
background: #163365 url(../images/j_arrow.png) no-repeat right 50%;
|
|
}
|
|
|
|
#menu a {
|
|
color: #ffffff;
|
|
background-repeat: no-repeat;
|
|
background-position: left 50%;
|
|
background-color: #1b3f7c;
|
|
}
|
|
|
|
#menu li { /* all list items */
|
|
background-color: #163365;
|
|
border-right: 1px solid #000000;
|
|
}
|
|
|
|
#menu li a {
|
|
border: 1px solid #10254a;
|
|
}
|
|
|
|
#menu li li a {
|
|
border: 1px solid #10254a;
|
|
}
|
|
|
|
#menu li a:hover,
|
|
#menu li a:active,
|
|
#menu li a:focus {
|
|
background-color: #163365;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-left: 1px solid #000000;
|
|
color: #ffffff;
|
|
}
|
|
|
|
#menu li.disabled a:hover,
|
|
#menu li.disabled a:focus,
|
|
#menu li.disabled a {
|
|
color: #feffbf;
|
|
background-color: #1b3f7c;
|
|
border-top: 1px solid #163365;
|
|
border-right: 1px solid #10254a;
|
|
border-bottom: 1px solid #163365;
|
|
border-left: 1px solid #10254a;
|
|
}
|
|
|
|
#menu li ul { /* second-level lists */
|
|
border-top: 1px solid #10254a;
|
|
border-bottom: 2px solid #10254a;
|
|
}
|
|
|
|
#menu li li { /* second-level row */
|
|
background-color: #163365;
|
|
}
|
|
|
|
#menu li:hover ul,#menu li.sfhover ul {
|
|
/* lists nested under hovered list items */
|
|
margin-left: 0;
|
|
border-left: 1px solid #122b56;
|
|
border-right: 1px solid #122b56;
|
|
}
|
|
|
|
#menu li li:hover ul,#menu li li.sfhover ul {
|
|
border-left: 1px solid #122b56;
|
|
border-right: 1px solid #122b56;
|
|
}
|
|
|
|
/**
|
|
* Styling parents
|
|
*/
|
|
|
|
/* 1 level - sfhover */
|
|
#menu li.sfhover a {
|
|
background-color: #163365;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-left: 1px solid #000000;
|
|
color: #fcff20;
|
|
}
|
|
|
|
/* 2 level - normal */
|
|
#menu li.sfhover li a { /* background-color: #f0f0f0; */
|
|
background-color: #1b3f7c;
|
|
border: 1px solid #10254a;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* 2 level - hover */
|
|
#menu li.sfhover li.sfhover a,#menu li li a:focus {
|
|
background-color: #163365;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-left: 1px solid #000000;
|
|
color: #fcff20;
|
|
}
|
|
|
|
/* 3 level - normal */
|
|
#menu li.sfhover li.sfhover li a {
|
|
background-color: #1b3f7c;
|
|
border: 1px solid #10254a;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* 3 level - hover */
|
|
#menu li.sfhover li.sfhover li.sfhover a {
|
|
background-color: #163365;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-left: 1px solid #000000;
|
|
color: #fcff20;
|
|
}
|
|
|
|
/* bring back the focus elements into view */
|
|
#menu li li a:focus, #menu li li li a:focus {
|
|
background-color: #163365;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-left: 1px solid #000000;
|
|
color: #ffffff;
|
|
}
|
|
|
|
#menu li li li a:focus {
|
|
background-color: #163365;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #1b3f7c;
|
|
border-bottom: 1px solid #1b3f7c;
|
|
border-left: 1px solid #000000;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/**
|
|
* Submenu styling
|
|
*/
|
|
#submenu {
|
|
border-bottom: 1px solid #10254a;
|
|
/* border-bottom plus padding-bottom is the technique */
|
|
/* This is the background befind the tabs */
|
|
background: #1c4181;
|
|
}
|
|
|
|
#submenu a, #submenu span.nolink {
|
|
background: #1b3f7c;
|
|
border: 1px solid #10254a;
|
|
color: #ffffff;
|
|
}
|
|
|
|
#submenu a:hover, #submenu a:focus {
|
|
background-color: #10254a;
|
|
}
|
|
|
|
#submenu a.active, #submenu span.nolink.active {
|
|
background: #163365;
|
|
border-bottom: 1px solid #163365;
|
|
color: #fcff20;
|
|
}
|
|
|
|
/**
|
|
* Webkit fixes
|
|
**/
|
|
input:-webkit-autofill {
|
|
background-color: #163365 !important;
|
|
}
|
|
|
|
/* -- Codemirror Editor ----------- */
|
|
div.editor-border, div.CodeMirror-wrapping {
|
|
border: 1px solid #163365;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/* User Notes */
|
|
div.unotes h1 {
|
|
background-color: #ffffff;
|
|
}
|
|
ul.alternating > li:nth-child(odd) { background-color: #163365; }
|
|
ul.alternating > li:nth-child(even) { background-color: #10254a; }
|
|
ol.alternating > li:nth-child(odd) { background-color: #163365; }
|
|
ol.alternating > li:nth-child(even) { background-color: #10254a;}
|
|
|
|
/* Installer Database */
|
|
#installer-database, #installer-discover, #installer-update, #installer-warnings {
|
|
border-top: 1px solid #1b3f7c;
|
|
}
|
|
#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;
|
|
}
|