css for Darkblue/orange

This commit is contained in:
Crack
2010-07-16 11:30:51 +02:00
parent 995fcba961
commit 0b30a339fa
2 changed files with 236 additions and 22 deletions

View File

@@ -1,5 +1 @@
restore cache'ing in phpmyadmin.css.php restore cache'ing in phpmyadmin.css.php
make CSS for darkblue_orange
check input escaping, $cfg is no longer safe to use
local storage - autoload?

View File

@@ -607,55 +607,62 @@ form.login label {
/* specific elements */ /* specific elements */
/* topmenu */ /* topmenu */
ul#topmenu { ul#topmenu, ul#topmenu2, ul.tabs {
font-weight: bold; font-weight: bold;
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
ul#topmenu li { ul#topmenu li, ul#topmenu2 li {
float: <?php echo $left; ?>; float: <?php echo $left; ?>;
margin: 0; margin: 0;
padding: 0; padding: 0;
vertical-align: middle; vertical-align: middle;
} }
#topmenu img { #topmenu img, #topmenu2 img {
vertical-align: middle; vertical-align: middle;
margin-<?php echo $right; ?>: 0.1em; margin-<?php echo $right; ?>: 0.1em;
} }
/* default tab styles */ /* default tab styles */
.tab, .tabcaution, .tabactive { ul#topmenu .tab, ul#topmenu .tabcaution, ul#topmenu .tabactive {
display: block; display: block;
margin: 0.2em 0.2em 0 0.2em; margin: 0.2em 0.2em 0 0.2em;
padding: 0.2em 0.2em 0 0.2em; padding: 0.2em 0.2em 0 0.2em;
white-space: nowrap; white-space: nowrap;
} }
ul#topmenu2 .tab, ul#topmenu2 .tabactive {
display: block;
margin: 0.1em;
padding: 0.2em;
white-space: nowrap;
}
/* disabled tabs */ /* disabled tabs */
span.tab { ul#topmenu span.tab {
color: #666666; color: #666666;
} }
/* disabled drop/empty tabs */ /* disabled drop/empty tabs */
span.tabcaution { ul#topmenu span.tabcaution {
color: #ff6666; color: #ff6666;
} }
/* enabled drop/empty tabs */ /* enabled drop/empty tabs */
a.tabcaution { ul#topmenu a.tabcaution {
color: #FF0000; color: #FF0000;
} }
a.tabcaution:hover { ul#topmenu a.tabcaution:hover {
color: #FFFFFF; color: #FFFFFF;
background-color: #FF0000; background-color: #FF0000;
} }
<?php if ($GLOBALS['cfg']['LightTabs']) { ?> <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
/* active tab */ /* active tab */
a.tabactive { ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
color: black; color: black;
} }
<?php } else { ?> <?php } else { ?>
@@ -664,12 +671,18 @@ a.tabactive {
padding: 0.1em 0.3em 0.1em 0.3em; padding: 0.1em 0.3em 0.1em 0.3em;
} }
ul#topmenu2 {
margin: 0.25em 0.5em 0;
height: 2em;
clear: both;
}
ul#topmenu li { ul#topmenu li {
border-bottom: 1pt solid black; border-bottom: 1pt solid black;
} }
/* default tab styles */ /* default tab styles */
.tab, .tabcaution, .tabactive { ul#topmenu .tab, ul#topmenu .tabcaution, ul#topmenu .tabactive {
background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>; background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
border: 1pt solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>; border: 1pt solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
border-bottom: 0; border-bottom: 0;
@@ -678,29 +691,37 @@ ul#topmenu li {
} }
/* enabled hover/active tabs */ /* enabled hover/active tabs */
a.tab:hover, ul#topmenu a.tab:hover,
a.tabcaution:hover, ul#topmenu a.tabcaution:hover,
.tabactive, ul#topmenu .tabactive,
.tabactive:hover { ul#topmenu .tabactive:hover {
margin: 0; margin: 0;
padding: 0.2em 0.4em 0.2em 0.4em; padding: 0.2em 0.4em 0.2em 0.4em;
text-decoration: none; text-decoration: none;
} }
a.tab:hover, ul#topmenu a.tab:hover,
.tabactive { ul#topmenu .tabactive {
background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>; background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
} }
ul#topmenu2 a.tab:hover,
ul#topmenu2 a.tabactive {
background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
text-decoration: none;
}
/* to be able to cancel the bottom border, use <li class="active"> */ /* to be able to cancel the bottom border, use <li class="active"> */
ul#topmenu li.active { ul#topmenu li.active {
border-bottom: 1pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; border-bottom: 1pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
} }
/* disabled drop/empty tabs */ /* disabled drop/empty tabs */
span.tab, ul#topmenu span.tab,
a.warning, a.warning,
span.tabcaution { ul#topmenu span.tabcaution {
cursor: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default; cursor: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
} }
<?php } ?> <?php } ?>
@@ -1118,6 +1139,10 @@ li#li_switch_dbstats {
li#li_flush_privileges { li#li_flush_privileges {
list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png); list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
} }
li#li_user_preferences {
list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
}
/* END iconic view for ul items */ /* END iconic view for ul items */
<?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?> <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
@@ -1238,6 +1263,12 @@ code.sql {
margin-top: 0; margin-top: 0;
} }
.group-cnt {
padding: 0 0 0 0.5em;
display: inline-block;
width: 98%;
}
/* for elements that should be revealed only via js */ /* for elements that should be revealed only via js */
.hide { .hide {
display: none; display: none;
@@ -1296,3 +1327,190 @@ table#serverconnection_trg_local {
*/ */
.invalid_value .invalid_value
{background:#F00;} {background:#F00;}
/* config forms */
.config-form ul.tabs {
margin: 1.1em 0.2em 0;
padding: 0 0 0.3em 0;
list-style: none;
font-weight: bold;
}
.config-form ul.tabs li {
float: <?php echo $left; ?>;
}
.config-form ul.tabs li a {
display: block;
margin: 0.1em 0.2em 0;
padding: 0.1em 0.4em;
white-space: nowrap;
text-decoration: none;
border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
border-bottom: none;
}
.config-form ul.tabs li a:hover,
.config-form ul.tabs li a:active,
.config-form ul.tabs li a.active {
margin: 0;
padding: 0.1em 0.6em 0.2em;
}
.config-form ul.tabs li a.active {
background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
}
.config-form fieldset {
margin-top: 0;
padding: 0;
clear: both;
/*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
}
.config-form legend {
display: none;
}
.config-form fieldset p {
margin: 0;
padding: 0.5em;
}
.config-form fieldset .errors { /* form error list */
margin: 0 -2px 1em -2px;
padding: 0.5em 1.5em;
background: #FBEAD9;
border: 0 #C83838 solid;
border-width: 1px 0;
list-style: none;
font-family: sans-serif;
font-size: small;
}
.config-form fieldset .inline_errors { /* field error list */
margin: 0.3em 0.3em 0.3em 0;
padding: 0;
list-style: none;
color: #9A0000;
font-size: small;
}
.config-form fieldset th {
padding: 0.3em 0.3em 0.3em 0.5em;
text-align: left;
vertical-align: top;
width: 40%;
background: transparent;
}
.config-form fieldset .doc, .config-form fieldset .disabled-notice {
margin-left: 1em;
}
.config-form fieldset .disabled-notice {
font-size: 80%;
text-transform: uppercase;
color: #E00;
cursor: help;
}
.config-form fieldset td {
padding-top: 0.3em;
padding-bottom: 0.3em;
vertical-align: top;
}
.config-form fieldset th small {
display: block;
font-weight: normal;
font-family: sans-serif;
font-size: x-small;
color: #444;
}
.config-form fieldset th, .config-form fieldset td {
border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
}
fieldset .group-header th {
background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
}
fieldset .group-header + tr th {
padding-top: 0.6em;
}
fieldset .group-field th {
padding-left: 1.5em;
}
.config-form .lastrow {
border-top: 1px #000 solid;
}
.config-form .lastrow {
background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
padding: 0.5em;
text-align: center;
}
.config-form .lastrow input {
font-weight: bold;
}
/* form elements */
.config-form span.checkbox {
padding: 2px;
display: inline-block;
}
.config-form .custom { /* customized field */
background: #FFC;
}
.config-form span.checkbox.custom {
padding: 1px;
border: 1px #EDEC90 solid;
background: #FFC;
}
.config-form .field-error {
border-color: #A11 !important;
}
.config-form input[type="text"],
.config-form select,
.config-form textarea {
border: 1px #A7A6AA solid;
height: auto;
}
.config-form input[type="text"]:focus,
.config-form select:focus,
.config-form textarea:focus {
border: 1px #6676FF solid;
background: #F7FBFF;
}
/* error list */
.config-form dd {
margin-left: 0.5em;
}
.config-form dd:before {
content: "\25B8 ";
}
.click-hide-message {
cursor: pointer;
}
.prefsmanage_opts {
margin-<?php echo $left; ?>: 2em;
}
#prefs_autoload {
margin-bottom: 0.5em;
}