david
802479ed64
git-svn-id: https://192.168.0.254/svn/Proyectos.FundacionLQDVI_WebCongresos/trunk@2 94ccb1af-fd9d-d947-8d90-7f70ea60afc8
680 lines
14 KiB
CSS
680 lines
14 KiB
CSS
/*
|
|
Akeeba User Interface CSS
|
|
Copyright (c)2009-2010 Nicholas K. Dionysopoulos <nicholas@dionysopoulos.me>
|
|
Released under the GNU General Public License, version 3 or later
|
|
*/
|
|
|
|
/*
|
|
* Akeeba Backup title icon
|
|
*/
|
|
.icon-48-akeeba { background-image: url(../../../administrator/components/com_akeeba/assets/images/logo-48.png); }
|
|
/*
|
|
* UI Icons - 32x32
|
|
*/
|
|
.ak-icon { display: block; width: 32px; height: 32px; text-indent: -99999px; overflow: hidden; background: transparent url(../icons/akeeba-ui-32.png) top left no-repeat; margin: 4px auto 6px; }
|
|
.ak-icon-profiles { background-position: 0 0; }
|
|
.ak-icon-configuration { background-position: -32px 0; }
|
|
.ak-icon-backup { background-position: -64px 0; }
|
|
.ak-icon-adminfiles { background-position: -96px 0; }
|
|
.ak-icon-viewlog { background-position: -128px 0; }
|
|
.ak-icon-fsfilter { background-position: -160px 0; }
|
|
.ak-icon-dbfilter { background-position: -192px 0; }
|
|
.ak-icon-extradirs { background-position: -224px 0; }
|
|
.ak-icon-multidb { background-position: -256px 0; }
|
|
.ak-icon-fsrx { background-position: -288px 0; }
|
|
.ak-icon-dbrx { background-position: -320px 0; }
|
|
.ak-icon-extfilter { background-position: -352px 0; }
|
|
.ak-icon-restore { background-position: -384px 0; }
|
|
.ak-icon-view { background-position: -416px 0; }
|
|
.ak-icon-cancel { background-position: -448px 0; }
|
|
.ak-icon-warning { background-position: -480px 0; }
|
|
.ak-icon-ok { background-position: -512px 0; }
|
|
.ak-icon-update { background-position: -544px 0; }
|
|
.ak-icon-confwiz { background-position: -576px 0; }
|
|
|
|
/*
|
|
* Tooltip support
|
|
*/
|
|
#tooltip {
|
|
position: absolute;
|
|
z-index: 3000;
|
|
border: thin solid #aed0ea;
|
|
background-color: #f2f5f7;
|
|
padding: 5px;
|
|
opacity: 0.85;
|
|
font-size: small !important;
|
|
}
|
|
#tooltip h3, #tooltip div { margin: 0; }
|
|
#tooltip div.ui-icon { float: left; margin-top: 0.2em; margin-right: 0.3em; }
|
|
#tooltip h3 { margin: 0px; padding: 0px; font-size: medium !important; }
|
|
|
|
/**
|
|
* Custom checkboxes
|
|
*/
|
|
.jquery-safari-checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;}
|
|
.jquery-safari-checkbox .mark {display: inline;}
|
|
|
|
.jquery-safari-checkbox img {vertical-align: middle; width: 16px; height: 16px;}
|
|
.jquery-safari-checkbox img{background: transparent url(images/safari-checkbox.png) no-repeat;}
|
|
|
|
.jquery-safari-checkbox img{
|
|
background-position: 0px 0px;
|
|
}
|
|
.jquery-safari-checkbox-hover img{
|
|
background-position: -16px 0px;
|
|
}
|
|
.jquery-safari-checkbox-checked img{
|
|
background-position: 0px -16px;
|
|
}
|
|
.jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img {
|
|
background-position: -16px -16px;
|
|
}
|
|
|
|
.jquery-safari-checkbox-disabled img{
|
|
background-position: 0px -32px;
|
|
}
|
|
.jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img{
|
|
background-position: 0px -48px;
|
|
}
|
|
|
|
/*
|
|
* FTP Directory Browser
|
|
*/
|
|
#ftpBrowserFolderList { padding: 0; margin: 0.5em 0 0 0; width: 95%}
|
|
#ftpBrowserFolderList folder-container { width: 95%; margin: 0; }
|
|
|
|
/*
|
|
* Akeeba Buttons
|
|
*/
|
|
.akbutton {
|
|
display: block;
|
|
width: 250px;
|
|
height: 32px;
|
|
text-decoration: none;
|
|
padding: 3px;
|
|
margin: 0.5em;
|
|
}
|
|
|
|
.akbutton:hover {
|
|
background-color: #ffffee;
|
|
text-decoration: none;
|
|
border: thin solid #3333ff;
|
|
}
|
|
|
|
div.ak_cpanel_icons div.akbutton div.icon {
|
|
float: left !important;
|
|
top: 0px !important;
|
|
margin: 0 !important;
|
|
font-size: 9pt !important;
|
|
}
|
|
|
|
.akbutton div.text {
|
|
display: block;
|
|
width: 210px;
|
|
height: 20px;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
margin: 0px;
|
|
float: right;
|
|
position: relative;
|
|
top: -24px;
|
|
}
|
|
|
|
/*
|
|
* Control Panel
|
|
*/
|
|
#cpanel {
|
|
display: block !important;
|
|
}
|
|
|
|
p.akwarningtitle {
|
|
font-weight: bold;
|
|
font-size: xx-large;
|
|
text-align: center;
|
|
margin: 0.5em;
|
|
color: #cc3333;
|
|
}
|
|
|
|
div.toprowcontainer {
|
|
width: 100%;
|
|
height: 65px;
|
|
}
|
|
|
|
div.activeprofile {
|
|
float: left;
|
|
width: 55%;
|
|
margin-left: 2%;
|
|
margin-bottom: 1em;
|
|
text-align: center;
|
|
}
|
|
|
|
div.feedrotator {
|
|
float: left;
|
|
left: 5%;
|
|
width: 235px;
|
|
height: 60px;
|
|
}
|
|
|
|
div.updateservice {
|
|
display:block;
|
|
float: right;
|
|
right: 5px;
|
|
width: 100px;
|
|
height: 60px;
|
|
font-size: 7pt !important;
|
|
border: thin solid silver;
|
|
text-align: center;
|
|
}
|
|
|
|
div.updateservice:hover {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
div.updateservice .ak-icon {
|
|
margin: 2px auto 0px;
|
|
}
|
|
|
|
div.updateservice a, div.updateservice a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.ak_clr_left {
|
|
clear: left;
|
|
}
|
|
|
|
div.ak_clr {
|
|
clear: both;
|
|
}
|
|
|
|
div.ak_cpanel_main_container {
|
|
width: 59%;
|
|
padding: 3px;
|
|
}
|
|
|
|
div.ak_cpanel_header {
|
|
font-size: larger;
|
|
padding: 2px 5px 5px;
|
|
}
|
|
|
|
div.ak_cpanel_icons {
|
|
padding: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
div.ak_cpanel_modules {
|
|
float: right;
|
|
width: 39%;
|
|
}
|
|
|
|
#ak_cpanel_modules h3 {
|
|
font-size: larger;
|
|
padding: 2px 5px 2px 28px;
|
|
}
|
|
|
|
div.ak_cpanel_icons div.icon {
|
|
text-align: center;
|
|
float: left !important;
|
|
font-size: 8pt !important;
|
|
font-weight: normal !important;
|
|
color: #000000 !important;
|
|
background-color: #f0f0f0 !important;
|
|
border: 1px solid #E5E5E5 !important;
|
|
width: 108px;
|
|
height: 97px;
|
|
-moz-border-radius: 7px;
|
|
-webkit-border-radius: 7px;
|
|
}
|
|
|
|
div.ak_cpanel_icons div.icon span {
|
|
font-family: "Segoe UI", "Arial", Helvetica, sans;
|
|
font-weight: bold !important;
|
|
font-size: 8pt !important;
|
|
}
|
|
|
|
div.ak_cpanel_status_cell p {
|
|
text-align: center;
|
|
font-size: larger;
|
|
font-weight: bold;
|
|
padding: 10px 10px 10px 25px;
|
|
}
|
|
|
|
div.ak_cpanel_status_cell p.ak_version {
|
|
font-weight: normal;
|
|
font-size: 9pt;
|
|
color: #333333;
|
|
font-family: Consolas, "Courier New", Courier, monospace;
|
|
padding: 0px;
|
|
}
|
|
|
|
p.ok {
|
|
border: thin solid #008000;
|
|
background: #aaeeaa;
|
|
background-image: url(../icons/ok_small.png) !important;
|
|
background-position: 5px 10px !important;
|
|
background-repeat: no-repeat !important;
|
|
padding: 10px 10px 10px 25px;
|
|
}
|
|
|
|
p.statuswarning {
|
|
background-image: url(../icons/ok_small.png) !important;
|
|
background-position: 5px 10px !important;
|
|
background-repeat: no-repeat !important;
|
|
padding: 10px 10px 10px 25px;
|
|
}
|
|
|
|
p.notok {
|
|
background-image: url(../icons/error_small.png) !important;
|
|
background-position: 5px 12px !important;
|
|
background-repeat: no-repeat !important;
|
|
padding: 10px 10px 10px 25px;
|
|
}
|
|
|
|
h4.ui-widget-header {
|
|
padding: 2px;
|
|
margin: 0px;
|
|
}
|
|
|
|
div.ak_cpanel_status_cell ul {
|
|
padding: 0px;
|
|
margin: 2px;
|
|
list-style: none;
|
|
}
|
|
|
|
div.ak_cpanel_status_cell ul li {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
div.ak_cpanel_status_cell ul li a {
|
|
display: block;
|
|
width: 95%;
|
|
padding: 4px;
|
|
margin: 4px 2px;
|
|
border: thin solid #cccccc;
|
|
background: #faf9f9;
|
|
}
|
|
|
|
div.ak_cpanel_status_cell ul a:hover {
|
|
background: #fffff9;
|
|
}
|
|
|
|
a.severity-low {
|
|
color: #333333;
|
|
font-style: italic;
|
|
}
|
|
|
|
a.severity-medium {
|
|
color: #cc8833 !important;
|
|
}
|
|
|
|
a.severity-high {
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*
|
|
* Configuration page
|
|
*/
|
|
|
|
div.activeprofile2 {
|
|
width: 55%;
|
|
height: 3em;
|
|
margin: 0.2em auto;
|
|
text-align: center;
|
|
}
|
|
|
|
div.akeeba-ui-config-header {
|
|
margin: 5px 0px !important;
|
|
}
|
|
|
|
fieldset {
|
|
display: block;
|
|
width: 90%;
|
|
margin: 5px auto;
|
|
}
|
|
|
|
div.akeeba-ui-optionrow {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 2px 0;
|
|
clear: both;
|
|
}
|
|
|
|
fieldset div.akeeba-ui-optionrow label {
|
|
display: block;
|
|
float: left;
|
|
width: 40%;
|
|
}
|
|
|
|
div.akeeba-ui-slider {
|
|
display: block;
|
|
width: 40%;
|
|
margin-left: 50%;
|
|
}
|
|
|
|
div.akeeba-ui-slider-label {
|
|
float: right;
|
|
width: 8%;
|
|
height: 1.2em;
|
|
padding: 0 0 0 0;
|
|
margin: 0 0 0 0;
|
|
text-align: center;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
/**
|
|
* Backup Now page
|
|
*/
|
|
#backup-start {
|
|
display: block;
|
|
width: 200px;
|
|
height: 200px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
table.backup-start-text {
|
|
background: transparent !important;
|
|
border: none;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
width: 200px;
|
|
height: 200px;
|
|
padding: 0px;
|
|
float:left;
|
|
position:relative;
|
|
margin-top: auto;
|
|
cursor: pointer;
|
|
}
|
|
|
|
table.backup-start-text, table.backup-start-text tr, table.backup-start-text tr td {
|
|
background: transparent !important;
|
|
}
|
|
|
|
#backup-start-sheet {
|
|
background-color: yellow;
|
|
display: block;
|
|
height: 198px;
|
|
width: 198px;
|
|
float: left;
|
|
z-index: 100;
|
|
top: -199px;
|
|
left: 1px;
|
|
position: relative;
|
|
opacity: 0.3;
|
|
}
|
|
/**
|
|
* Backup progress
|
|
*/
|
|
#backup-progress-header {
|
|
font-size: large;
|
|
padding: 0.1em;
|
|
}
|
|
|
|
#backup-steps {
|
|
border: thin solid #333333;
|
|
padding: 2px;
|
|
background-color: #f0f0f0;
|
|
margin: 0.5em;
|
|
}
|
|
|
|
#backup-steps div {
|
|
padding: 2px 2px 2px 20px;
|
|
border-bottom: thin dotted #cccccc;
|
|
font-size: 14px;
|
|
height: 17px;
|
|
}
|
|
|
|
.step-pending {
|
|
background: #e0e0e0;
|
|
color: #333333;
|
|
font-style: italic;
|
|
}
|
|
|
|
.step-active {
|
|
background: #f9f966 url(../icons/arrow_small.png) 1px 3px no-repeat;
|
|
}
|
|
|
|
.step-complete {
|
|
background: #ccf9cc url(../icons/ok_small.png) 1px 3px no-repeat;
|
|
}
|
|
|
|
.step-error {
|
|
background: #ff6666;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#backup-status {
|
|
border: thin solid #333333;
|
|
padding: 2px;
|
|
background-color: #f0f0f0;
|
|
margin: 0.5em;
|
|
}
|
|
|
|
#backup-status div {
|
|
height: 18px;
|
|
margin: 0 0.3em;
|
|
color: #000000;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#backup-step {
|
|
font-weight: bold;
|
|
border-bottom: thin dotted #333333;
|
|
}
|
|
|
|
#backup-substep {
|
|
font-style: italic;
|
|
color: #000066 !important;
|
|
}
|
|
|
|
#response-timer {
|
|
display: block;
|
|
height: 25px;
|
|
margin: 0.2em 0.5em;
|
|
border: thin solid #0080c0;
|
|
}
|
|
|
|
#response-timer div.color-overlay {
|
|
display: block;
|
|
height: 25px;
|
|
width: 1px;
|
|
background-color: #009900;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.text {
|
|
display: block;
|
|
width: 100%;
|
|
height: 18px;
|
|
float: left;
|
|
position: relative;
|
|
top: -22px;
|
|
font-size: 14px;
|
|
background-color: transparent;
|
|
text-align: center;
|
|
}
|
|
|
|
/**
|
|
* Backup warnings pane
|
|
*/
|
|
#backup-warnings-panel {
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
#backup-warnings-panel h2 {
|
|
font-size: large;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
padding: 0.1em;
|
|
}
|
|
|
|
#warnings-list {
|
|
background: #ffffee;
|
|
height: 180px;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
#warnings-list div {
|
|
background: #ffffcc;
|
|
border-bottom: thin dotted gray;
|
|
padding: 2px 0;
|
|
}
|
|
|
|
/**
|
|
* Backup error pane
|
|
*/
|
|
#backup-error-message {
|
|
padding: 1em;
|
|
margin: 0.5em 1em;
|
|
font-family: Consolas, "Courier New", Courier, monospace;
|
|
}
|
|
|
|
/**
|
|
* Backup files administration page
|
|
*/
|
|
.bufa-ok {
|
|
color: green;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.bufa-obsolete {
|
|
color: black;
|
|
font-style: italic;
|
|
}
|
|
|
|
.bufa-fail {
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.bufa-pending {
|
|
color: #666600;
|
|
font-style: italic;
|
|
}
|
|
|
|
/**
|
|
* Filesystem filters
|
|
*/
|
|
span.actionbutton { padding: 0.25em 0.5em; margin: 0 1em 0 0; cursor: pointer; }
|
|
#ak_top_container, #ak_main_container { padding: 4px; }
|
|
#ak_top_container div { text-align: center; }
|
|
#ak_roots_container { border-bottom: thin dashed #666666; padding: 2px 0px 6px 0px; }
|
|
#ak_crumbs_container { padding: 6px 0px 2px 0px; }
|
|
#ak_crumbs_label, #ak_crumbs { display: inline; }
|
|
#ak_crumbs { color: #999; }
|
|
#ak_crumbs span { padding: 1px 3px; cursor: pointer; }
|
|
#ak_main_container { height: 322px; }
|
|
#ak_folder_header, #ak_files_header { height: 18px; }
|
|
#ak_folder_container, #ak_files_container { display: block; width: 49.5%; position: relative; }
|
|
#ak_folder_container { float: left; }
|
|
#ak_files_container { float: right; }
|
|
#folders, #files { height: 300px; overflow-y: auto; }
|
|
#ak_clr { clear: all; }
|
|
|
|
.folder-container { background-color: white; height: 18px; padding: 1px; color: #333333; font-weight: normal; border-bottom: 1px solid #d0d0ff; }
|
|
.folder-container span.folder-padding { float: left; cursor: pointer; border: none; margin-right: 4px; width: 16px; height: 16px; display: block; }
|
|
.folder-container span.folder-up span.ui-icon { float: left; }
|
|
.folder-container span.folder-icon-container { float: left; cursor: pointer; border: none; margin-right: 4px; }
|
|
.folder-container span.ui-state-error { cursor: default; }
|
|
.folder-container span.folder-name { padding-left: 4px; cursor: pointer; }
|
|
.folder-container span.folder-name:hover { font-weight: bold; color: #333399; }
|
|
|
|
.file-container { background-color: white; height: 18px; padding: 1px; color: #333333; font-weight: normal; border-bottom: 1px solid #d0d0ff; }
|
|
.file-container span.file-icon-container { float: left; cursor: pointer; border: none; margin-right: 4px; }
|
|
.file-container span.ui-state-error { cursor: default; }
|
|
.file-container span.file-name { padding-left: 4px; }
|
|
.file-container span.file-size { display: block; float: right; }
|
|
|
|
#ak_list_container { padding: 4px; }
|
|
.ak_filter_type { font-weight: bold; }
|
|
.ak_filter_row span.ui-icon { float: left; cursor: pointer; border: none; margin-right: 4px; }
|
|
|
|
/**
|
|
* Database tables filters
|
|
*/
|
|
#ak_databases_container { padding: 2px 0px 6px 0px; }
|
|
#ak_tables_header { height: 18px; }
|
|
#ak_tables_container { display: block; width: 100%; position: relative; }
|
|
#tables { height: 300px; overflow-y: auto; }
|
|
|
|
.table-container { background-color: white; height: 18px; padding: 1px; color: #333333; font-weight: normal; border-bottom: 1px solid #d0d0ff; }
|
|
.table-container span.table-icon-container { float: left; cursor: pointer; border: none; margin-right: 4px; }
|
|
.table-container span.ui-state-error { cursor: default; }
|
|
.table-container span.table-name { padding-left: 4px; }
|
|
.table-container span.table-icon-noclick { cursor: default; }
|
|
.table-container span.table-icon-small { margin-right: 0px; }
|
|
|
|
/*
|
|
* Multiple databases definitions
|
|
*/
|
|
#ak_editor_notifier { display: block; margin: 0.5em; padding: 5px; border: thin solid #666666; background: #ffffff; color: #0080cc; font-weight: bold }
|
|
#ak_editor_notifier span.ui-icon { float: left; margin-right: 6px; }
|
|
#ak_editor_notifier img { margin-right: 8px; }
|
|
|
|
/**
|
|
* Live Update
|
|
*/
|
|
|
|
#akeeba-update-results {
|
|
text-align: left;
|
|
width: 90%;
|
|
margin: 1em auto;
|
|
}
|
|
|
|
#akeeba-update-results #update-image {
|
|
float: left;
|
|
margin: 0.6em 1em 0 0 ;
|
|
}
|
|
|
|
div.ok {
|
|
border: thin solid #008000;
|
|
background: #aaeeaa;
|
|
padding: 10px 10px 10px 25px;
|
|
}
|
|
|
|
div.statuswarning {
|
|
background: #ffe0a8;
|
|
padding: 10px 10px 10px 25px;
|
|
}
|
|
|
|
div.notok {
|
|
background: #ff570f;
|
|
padding: 10px 10px 10px 25px;
|
|
}
|
|
|
|
#version_info_table {
|
|
border: thin solid gray;
|
|
background: #efefef;
|
|
padding: 1em;
|
|
margin: 0 auto;
|
|
}
|
|
#version_info_table td { padding: 3px 10px 3px 0; border-bottom: thin solid #d0d0d0; }
|
|
#version_info_table .label { font-weight: bold; }
|
|
.version { font-weight: bold; color: #333300; }
|
|
.version-status { color: #666666; font-style: italic; }
|
|
.akupdatebutton { display: inline-block; margin: 6px; padding: 4px; height: 24px; cursor: pointer; }
|
|
.requerygfx {
|
|
display: block;
|
|
height: 24px;
|
|
padding: 5px 4px 0px 32px;
|
|
background: transparent url(../icons/reload.png) top left no-repeat;
|
|
}
|
|
.updategfx {
|
|
display: block;
|
|
height: 24px;
|
|
padding: 5px 4px 0px 32px;
|
|
background: transparent url(../icons/update.png) top left no-repeat;
|
|
}
|
|
.updaterwarning { margin: 2em; padding: 1em; font-size: large; }
|
|
|
|
/*
|
|
* Joomla! 1.6 compatibility
|
|
*/
|
|
#akeebagui button, #akeebagui input, #akeebagui select { float: none; }
|
|
#akeebagui button { margin: 0 0 0 5px; }
|