/*
 phyp3’project”
  core.phyp.css.init
   @ greg@eko-co.fr
    */

/** reset **/
* { margin: 0; padding: 0; border: 0; }
/* html, body { height: 100%; } */
body { background: white; color: black; }
table { border-spacing: 0; border-collapse: collapse; }
ul, ol { list-style: none; }
a, a:hover, a:visited { text-decoration: none; color: inherit; }

/** alpha **/
.transp { opacity: 0; }
body.dbg .transp { opacity: 0.2; }
.hollow { opacity: 0.3; }
.opaque { opacity: 0.7; }

/** disp **/
.none { display: none; }
.hide { visibility: hidden; }
.block { display: block; }
.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }
.fullw { width: 100%; }
.fullh { height: 100%; }
.full { height: 100%; width: 100%; }
.corner { top: 0; left: 0; }
.out { top: -100%; left: -100%; }
.abs { position: absolute; }
.fix { position: fixed; }
.auto { overflow: auto; }
.trunc { overflow: hidden; }
.wrap { white-space: pre-wrap; /*white-space: -moz-pre-wrap;*/ }
.osd { z-index: 2048; }

/** cursor **/
.mask { background: black; position: absolute; }
.drag { z-index: 1023; }
.drop { z-index: 1024; }
.ghost { z-index: 1022; }
.move { cursor: move; }
.hand { cursor: pointer; }

/** align **/
.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }
.ajust { text-align: justify; }
.fright { float: right; margin: 0 0 1em 2em; }
.fleft { float: left; margin: 0 2em 1em 0; }
.fcenter { float: none; margin: 1em auto; }
img.fcenter { display: block; }
.hleft { clear: both; width: 45%; float: left; margin-right: 5%; }
.hright { clear: right; }
.mtop { margin-top: 1em; }
.mbot { margin-bottom: 1em; }
.mleft { margin-left: 1em; }
.mright { margin-right: 1em; }
.ptop { padding-top: 1em; }
.pbot { padding-bottom: 1em; }
.pleft { padding-left: 1em; }
.pright { padding-right: 1em; }

/** font **/
.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; font-style: normal; }

/** columns **/
.cols-sep .col .text { margin-right: 2em; }
.cols-sep .last-col .text { margin: 0; }
.cols-line .col .text { border-right: 1px #eee solid; padding-right: 1em; margin-right: 1em; }
.cols-line .last-col .text { border: 0; padding: 0; margin: 0; }
.cols-2 .col { float: left; width: 50% }
.cols-3 .col { float: left; width: 33% }
.cols-3 .col-2 { width: 66%; }
.cols-4 .col { float: left; width: 25% }
.cols-4 .col-2 { width: 50%; }
.cols-4 .col-3 { width: 75%; }
.cols-5 .col { float: left; width: 20% }
.cols-5 .col-2 { width: 40%; }
.cols-5 .col-3 { width: 60%; }
.cols-5 .col-4 { width: 80%; }

/** eko **/
.eko { margin: .5em -.5em .5em -1.5em; border: 1px #eee solid; border-left-width: 1em; }
.eko code.mod { display: block; font: 1.2em monospace; background: #eee; }
.eko code.mod:before { content: "» "; }
.eko dl.args { margin: 0; padding: 0; clear: right; }
.eko dl.args dl.args { padding: 0 1em; }
.eko dt.arg { float: right; font: 1.1em monospace; padding: .3em .5em 0 0; }
.eko dt.arg span { margin-right: .5em; font-size: .8em; color: #aaa; }
.eko dd.arg { border-bottom: 1px #ccc dotted; padding: .3em .5em; margin: 0; }
.eko dd.arg:hover { background-color: #eee; }
.eko dd.arg dd.arg:hover { background-color: #ddd; }

/** devel **/
.devel { position: fixed; z-index: 127; padding: 5px; border: 1px black solid; visibility: hidden; overflow: auto; }
.devel,
.devel input { font-size: 1em; font-family: monospace; color: white; background: #222; }
.devel input { width: 90%; border: 0; }
.devel b.stdi { clear: left; float: left; width: 10%; }
.devel .phyp { color: lightblue; }
.devel .v { color: lightgray; }
.devel .i { color: lightblue; }
.devel .w { color: orange; }
.devel .e { color: red; }
.devel .js { border-color: lightcoral; }
.devel .php { border-color: lightblue; }
.devel .mysql { border-color: orange; }
.devel p,
.devel li { padding: 0 10px; white-space: pre-wrap; line-height: 1.1em; }
.devel li { border-left: 5px transparent solid; padding-left: 5px; }
.devel .cmd,
.devel input { font-weight: bold; }
.devel ol { height: 100%; }
.devel ul b { float: left; width: 70px; margin-left: 1em; }
.devel ul span { float: left; width: 90px; text-align: right; margin-right: 1em; }

/** bump **/
.bump { background: white; width: 100%; height: 240px; overflow-x: hidden; overflow-y: auto; }

/** hi **/
.dbg.hi1 { background-color: #ffc8c8; }
.dbg.hi2 { background-color: #ffe8c8; }