php__memcache_ui/memcache_ui.css

@CHARSET "UTF-8";

body { background:white; font-size:100.01%; margin:0; padding:0; }
body,p,td,th,input,submit { /* font-size:0.8em; */ font-family:arial,helvetica,sans-serif; }
* html body   {font-size:0.8em}
* html p      {font-size:0.8em}
* html td     {font-size:0.8em}
* html th     {font-size:0.8em}
* html input  {font-size:0.8em}
* html submit {font-size:0.8em}
td { vertical-align:top }
a { color:black; font-weight:none; text-decoration:none; }
a:hover { text-decoration:underline; }
div.content { padding:1em 1em 1em 1em; position:absolute; width:97%; z-index:100; }

hr.memcache {
  background:white;
  border-bottom:solid rgb(102,102,153) 1px;
  border-style:none;
  border-top:solid rgb(102,102,153) 10px;
  height:12px;
  margin:0;
  margin-top:1px;
  padding:0;
}

ol,menu { margin:1em 0 0 0; padding:0.2em; margin-left:1em;}
ol.menu li { display:inline; margin-right:0.7em; list-style:none; font-size:85%}
ol.menu a {
  background:rgb(153,153,204);
  border:solid rgb(102,102,153) 2px;
  color:white;
  font-weight:bold;
  margin-right:0em;
  padding:0.1em 0.5em 0.1em 0.5em;
  text-decoration:none;
  margin-left: 5px;
  }
ol.menu a.child_active {
  background:rgb(153,153,204);
  border:solid rgb(102,102,153) 2px;
  color:white;
  font-weight:bold;
  margin-right:0em;
  padding:0.1em 0.5em 0.1em 0.5em;
  text-decoration:none;
  border-left: solid black 5px;
  margin-left: 0px;
  }
ol.menu span.active {
  background:rgb(153,153,204);
  border:solid rgb(102,102,153) 2px;
  color:black;
  font-weight:bold;
  margin-right:0em;
  padding:0.1em 0.5em 0.1em 0.5em;
  text-decoration:none;
  border-left: solid black 5px;
  }
ol.menu span.inactive {
  background:rgb(193,193,244);
  border:solid rgb(182,182,233) 2px;
  color:white;
  font-weight:bold;
  margin-right:0em;
  padding:0.1em 0.5em 0.1em 0.5em;
  text-decoration:none;
  margin-left: 5px;
  }
ol.menu a:hover {
  background:rgb(193,193,244);
  text-decoration:none;
  }


div.info {
  background:rgb(204,204,204);
  border:solid rgb(204,204,204) 1px;
  margin-bottom:1em;
  }
div.info h2 {
  background:rgb(204,204,204);
  color:black;
  font-size:1em;
  margin:0;
  padding:0.1em 1em 0.1em 1em;
  }
div.info table {
  border:solid rgb(204,204,204) 1px;
  border-spacing:0;
  width:100%;
  }
div.info table th {
  background:rgb(204,204,204);
  color:white;
  margin:0;
  padding:0.1em 1em 0.1em 1em;
  }
div.info table th a.sortable { color:black; }
div.info table tr.tr-0 { background:rgb(238,238,238); }
div.info table tr.tr-1 { background:rgb(221,221,221); }
div.info table td { padding:0.3em 1em 0.3em 1em; }
div.info table td.td-0 { border-right:solid rgb(102,102,153) 1px; white-space:nowrap; }
div.info table td.td-n { border-right:solid rgb(102,102,153) 1px; }
div.info table td h3 {
  color:black;
  font-size:1.1em;
  margin-left:-0.3em;
  }
.td-0 a , .td-n a, .tr-0 a , tr-1 a {
    text-decoration:underline;
}
div.info table td dl,
div.info table td dl dt {
  display: inline;
}
div.info table td dl dt {
  font-weight: bold;
}
div.info table td dl dd {
  display: inline-block;
  margin-right: 2em;
  margin-left: 0.5em;
  width: 12em;
}
div.info table td div.slab-dump {
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px;
}
div.info table td a {
  display: block;
}
div.graph { margin-bottom:1em }
div.graph h2 { background:rgb(204,204,204);; color:black; font-size:1em; margin:0; padding:0.1em 1em 0.1em 1em; }
div.graph table { border:solid rgb(204,204,204) 1px; color:black; font-weight:normal; width:100%; }
div.graph table td.td-0 { background:rgb(238,238,238); }
div.graph table td.td-1 { background:rgb(221,221,221); }
div.graph table td { padding:0.2em 1em 0.4em 1em; }

div.div1,div.div2 { margin-bottom:1em; width:35em; }
div.div3 { position:absolute; left:40em; top:1em; width:580px; }
//div.div3 { position:absolute; left:37em; top:1em; right:1em; }

div.sorting { margin:1.5em 0em 1.5em 2em }
.center { text-align:center }
.aright { position:absolute;right:1em }
.right { text-align:right }
.ok { color:rgb(0,200,0); font-weight:bold}
.failed { color:rgb(200,0,0); font-weight:bold}

span.box {
  border: black solid 1px;
  border-right:solid black 2px;
  border-bottom:solid black 2px;
  padding:0 0.5em 0 0.5em;
  margin-right:1em;
}
span.green { background:#60F060; padding:0 0.5em 0 0.5em}
span.red { background:#D06030; padding:0 0.5em 0 0.5em }

div.authneeded {
  background:rgb(238,238,238);
  border:solid rgb(204,204,204) 1px;
  color:rgb(200,0,0);
  font-size:1.2em;
  font-weight:bold;
  padding:2em;
  text-align:center;
  }

input {
  background:rgb(153,153,204);
  border:solid rgb(102,102,153) 2px;
  color:white;
  font-weight:bold;
  margin-right:1em;
  padding:0.1em 0.5em 0.1em 0.5em;
  }

/**
 * New version styles
 */
 
/**
 * Header region
 */
h1.memcache { 
  background: rgb(153, 153, 204); 
  margin: 0 0 -7px 0; 
  padding: 0.5em 1em 0.5em 1em; 
}
h1.memcache a: hover { 
  color: rgb(90, 90, 90); 
  text-decoration: none; 
}
h1.memcache span.logo {
  background: rgb(119, 123, 180);
  border-bottom: solid black 1px;
  border-right: solid black 1px;
  color: black;
  display: block;
  font-size: 1em;
  font-style: italic;
  padding-left: 1.2em;
  padding-right: 1.2em;
  text-align: right;
  width: 130px;
}
h1.memcache span.logo span.name { 
  color: white; 
  font-size: 0.7em; 
  padding: 0 0.8em 0 2em; 
}
h1.memcache span.nameinfo { 
  color: white; 
  display: block /* was inline */; 
  font-size: 0.4em; 
  margin-left: 3em; 
}
/* Unused style from PECL apc.php
h1.memcache div.copy { 
  color: black; 
  font-size: 0.4em; 
  position: absolute; 
  right: 1em; 
}
*/

/**
 * Generic "OK" style
 */
div .status {
  background-color: #c0ffc0;
}

/**
 * Generic "not so OK" style
 */
div .warning {
  background-color: #fff080;
}

/**
 * Generic "KO" style
 */
div .error {
  background-color: #ffa080;  
}

/**
 * Messages area
 */
div.messages { 
  border: thin solid gray;
  box-shadow: 0.1em 0.1em 0.5em silver;
  margin: 0.5em 1em;
  padding: 0;
}
div.messages ul {
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
  padding-left: 0;
}
div.messages li {
  list-style: none;
  margin-left: 0;
  padding: 0 0.5em;
}
div.messages pre {
  font-size: 0.8em;
}