themes/pmahomme/css/theme_left.css.php

   1 <?php
   2 /* vim: set expandtab sw=4 ts=4 sts=4: */
   3 /**
   4  * navigation css file from theme Original
   5  *
   6  * @package phpMyAdmin-theme
   7  * @subpackage pmahomme
   8  */
   9
  10 // unplanned execution path
  11 if (!defined('PMA_MINIMUM_COMMON')) {
  12     exit();
  13 }
  14
  15 function PMA_ieFilter($start_color, $end_color)
  16 {
  17     return PMA_USR_BROWSER_AGENT == 'IE' && PMA_USR_BROWSER_VER >= 6 && PMA_USR_BROWSER_VER <= 8
  18         ? 'filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr="' . $start_color . '", endColorstr="' . $end_color . '");'
  19         : '';
  20 }
  21 ?>
  22 /******************************************************************************/
  23 /* general tags */
  24 html {
  25     font-size: <?php echo (null !== $GLOBALS['PMA_Config']->get('fontsize') ? $GLOBALS['PMA_Config']->get('fontsize') : $_COOKIE['pma_fontsize']); ?>;
  26 }
  27
  28 input, select, textarea {
  29     font-size: 1em;
  30 }
  31
  32 body {
  33 <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
  34     font-family:        <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
  35 <?php } ?>
  36     background:         url(./themes/pmahomme/img/left_nav_bg.png) repeat-y right 0% #f3f3f3;
  37     border-right:       1px solid #aaa;
  38     color:              <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
  39     margin:             0;
  40     padding:            0;
  41 }
  42
  43 a img {
  44     border: 0;
  45 }
  46
  47 a:link,
  48 a:visited,
  49 a:active {
  50     text-decoration:    none;
  51     color:              #0000FF;
  52 }
  53
  54 ul {
  55     margin:0;
  56 }
  57
  58 form {
  59     margin:             0;
  60     padding:            0;
  61     display:            inline;
  62 }
  63
  64 select#select_server,
  65 select#lightm_db {
  66     width:              100%;
  67 }
  68
  69 /* buttons in some browsers (eg. Konqueror) are block elements,
  70    this breaks design */
  71 button {
  72     display:            inline;
  73 }
  74
  75 /* Icon sprites */
  76
  77 .icon {
  78     /* leave some space between icons and text */
  79     vertical-align:     middle;
  80     margin-right:       0.3em;
  81     margin-left:        0.3em;
  82     width:16px;
  83     height:16px;
  84     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>iconsprites.png) no-repeat top left;
  85 }
  86
  87 .ic_b_home { background-position: -357px 0; }
  88 .ic_b_selboard { background-position: -754px 0; }
  89 .ic_b_docs { background-position: -136px 0; }
  90 .ic_b_sqlhelp { background-position: -856px 0; }
  91 .ic_s_reload { background-position: -1761px 0; }
  92 .ic_s_loggoff { background-position: -1698px 0; }
  93 .ic_b_browse, .ic_b_sbrowse { background-position: -34px 0; }
  94 .ic_b_view { background-position: -1077px 0; }
  95 .ic_b_plus { background-position: -573px 0; }
  96 .ic_b_minus { background-position: -471px 0; }
  97
  98 .ic_b_views, .ic_s_views { background-position: -1094px 0; }
  99 .ic_b_snewtbl { background-position: -788px 0; }
 100
 101 /******************************************************************************/
 102 /* classes */
 103
 104 .navi_dbName {
 105     font-weight:    bold;
 106     color:          <?php echo $GLOBALS['cfg']['NaviDatabaseNameColor']; ?>;
 107 }
 108
 109 /******************************************************************************/
 110 /* specific elements */
 111
 112 div#pmalogo {
 113     <?php //better echo $GLOBALS['cfg']['logoBGC']; ?>
 114 }
 115
 116 div#recentTableList {
 117     text-align: center;
 118     margin: 20px 10px 0px 10px;
 119 }
 120
 121 div#recentTableList select {
 122     width: 100%;
 123 }
 124
 125 div#pmalogo,
 126 div#leftframelinks,
 127 div#databaseList {
 128     text-align:         center;
 129     margin:             5px 10px 0px 10px;
 130 }
 131
 132 ul#databaseList {
 133     margin: 0.8em 0px;
 134     padding-bottom:     0.5em;
 135     padding-<?php echo $left; ?>:     0.3em;
 136     font-style: italic;
 137 }
 138
 139 ul#databaseList span {
 140     padding: 5px;
 141 }
 142
 143 ul#databaseList a {
 144     color: #333;
 145     background: url(./themes/pmahomme/img/database.png) no-repeat 0 5px transparent;
 146     display: block;
 147     text-indent: 0;
 148     padding: 5px 5px 5px 25px;
 149     font-style: normal;
 150 }
 151
 152 div#navidbpageselector {
 153     margin: 0.1em;
 154     text-align: center;
 155 }
 156
 157 div#navidbpageselector a,
 158 div#navidbpageselector select{
 159     color: #333;
 160     margin: 0.2em;
 161 }
 162
 163 ul#databaseList ul {
 164     margin: 0;
 165     padding: 0;
 166 }
 167
 168 ul#databaseList li {
 169     list-style: none;
 170     text-indent: 20px;
 171     margin: 0;
 172     padding: 0;
 173 }
 174
 175 ul#databaseList a:hover {
 176     background-color: #e4e4e4;
 177 }
 178
 179 ul#databaseList li.selected a {
 180     background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 181     color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 182 }
 183
 184 div#leftframelinks .icon {
 185     padding:            0;
 186     margin:             0;
 187 }
 188
 189 div#reloadlink a img,
 190 div#leftframelinks a img.icon {
 191     margin:        0.3em;
 192     margin-top:    0.7em;
 193     border:        0;
 194 }
 195
 196 div#leftframelinks a:hover img {
 197
 198 }
 199
 200 /* serverlist */
 201 #body_leftFrame #list_server {
 202     list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
 203     list-style-position: inside;
 204     list-style-type: none;
 205     margin: 0;
 206     padding: 0;
 207 }
 208
 209 #body_leftFrame #list_server li {
 210     margin: 0;
 211     padding: 0;
 212 }
 213
 214 div#left_tableList {margin:10px 10px 0 10px;}
 215 div#left_tableList ul {
 216     list-style-type:    none;
 217     list-style-position: outside;
 218     margin:             0;
 219     padding:            0;
 220 }
 221
 222 div#left_tableList ul ul {
 223     font-size:          100%;
 224 }
 225
 226 div#left_tableList a {
 227     color:              <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
 228     text-decoration:    none;
 229 }
 230
 231 div#left_tableList a:hover {
 232     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
 233     color:              <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
 234     text-decoration:    underline;
 235 }
 236
 237 div#left_tableList li {
 238     margin:             0;
 239     padding:            2px 0;
 240     white-space:        nowrap;
 241 }
 242
 243 #newtable {
 244     margin-top: 15px !important;
 245 }
 246
 247 #newtable a {
 248     display: block;
 249     padding: 1px;
 250     background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
 251     background-size: 100% 100%;
 252     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
 253     background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
 254     background: -o-linear-gradient(top,  #ffffff,  #cccccc);
 255     <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
 256     border: 1px solid #aaa;
 257     -moz-border-radius: 20px;
 258     -webkit-border-radius: 20px;
 259     border-radius: 20px;
 260 }
 261
 262 #newtable li:hover {
 263     background: transparent !important;
 264 }
 265
 266 #newtable a:hover {
 267     background-image: url(./themes/svg_gradient.php?from=cccccc&to=dddddd);
 268     background-size: 100% 100%;
 269     background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd)) !important;
 270     background: -moz-linear-gradient(top,  #cccccc,  #dddddd) !important;
 271     background: -o-linear-gradient(top,  #cccccc,  #dddddd) !important;
 272     <?php echo PMA_ieFilter('#cccccc', '#dddddd'); ?>
 273 }
 274
 275 #newtable li a:hover {
 276     text-decoration: none;
 277 }
 278
 279 select{
 280     -moz-border-radius:2px 2px 2px 2px;
 281     -moz-box-shadow:0 1px 2px #DDDDDD;
 282     border:1px solid #aaa;
 283     color:#333333;
 284     padding:3px;
 285     background:url(./themes/pmahomme/img/input_bg.gif);
 286 }
 287
 288 <?php if ($GLOBALS['cfg']['BrowseMarkerColor']) { ?>
 289 /* marked items */
 290 div#left_tableList > ul li.marked > a,
 291 div#left_tableList > ul li.marked {
 292     background: #e4e4e4;
 293     color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 294 }
 295 <?php } ?>
 296
 297 <?php if ($GLOBALS['cfg']['LeftPointerEnable']) { ?>
 298 div#left_tableList > ul li:hover > a,
 299 div#left_tableList > ul li:hover {
 300     background:         #e4e4e4;
 301     color:              <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
 302 }
 303 <?php } ?>
 304
 305 div#left_tableList img {
 306     padding:            0;
 307     vertical-align:     middle;
 308 }
 309
 310 div#left_tableList ul ul {
 311     margin-<?php echo $left; ?>:        0;
 312     padding-<?php echo $left; ?>:       0.1em;
 313     border-<?php echo $left; ?>:        0.1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
 314     padding-bottom:     0.1em;
 315     border-bottom:      0.1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
 316 }
 317
 318 /* for the servers list in navi panel */
 319 #serverinfo .item {
 320     white-space:        nowrap;
 321     color:              <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
 322 }
 323 #serverinfo a:hover {
 324     background:         <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
 325     color:              <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
 326 }
 327 #reloadlink {
 328     clear: both;
 329     float: <?php echo $right; ?>;
 330     display: block;
 331     padding: 1em;
 332 }
 333
 334 #NavFilter {
 335     display: none;
 336 }
 337
 338 #clear_fast_filter {
 339     background: white;
 340     color: black;
 341     cursor: pointer;
 342     padding: 0;
 343     margin: 0;
 344     position: relative;
 345     right: 3ex;
 346 }
 347
 348 #fast_filter {
 349     width: 85%;
 350     padding: 0.1em;
 351 }