php__memcache_ui/memcache_ui.css
Frederic G. MARAND ee713a2ffb Implemented a common base class to provide a common header to all pages
- Page and Page_Memcache_Base are now abstract classes
- Page::build() is a new abstract method
- concrete classes are now names Page_Memcache_*
- concrete classes Page_Memcache_* extend Page_Memcache_Base
2016-03-05 09:42:27 +01:00

276 lines
No EOL
6.2 KiB
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;
}