node-swallowjs/doc/css/css.css

epp portal

html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
pre,
form,
p,
blockquote,
input,
abbr,
article,
aside,
figcaption,
fieldset,
figure,
footer,
header,
mark,
meter,
menu,
nav,
output,
progress,
section,
summary,
time {
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

ul,
ol {
    list-style: none
}

iframe,
a,
img,
button {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

article,
aside,
footer,
header,
nav,
section,
figure,
figcaption {
    display: block
}

input,
textarea,
select {
    outline: none
}

textarea {
    resize: none
}

img {
    vertical-align: middle
}

i,
em {
    font-style: normal
}

p {
    word-wrap: break-word
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.red{color:#c00;}
.clear {
    clear: both
}

.fleft {
    float: left
}

.fright {
    float: right
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both;
    overflow: hidden
}

.clearfix {
    zoom: 1
}

.none {
    display: none
}

.hidden {
    visibility: hidden
}

.inline-block {
    display: inline-block
}

.t-center {
    text-align: center
}

.t-right {
    text-align: right
}

.t-left {
    text-align: left
}

.middle {
    vertical-align: middle
}

.hand {
    cursor: pointer
}

input[type=submit],
input[type=button],
input[type=text],
textarea,
button,
select {
    -webkit-appearance: none
}

body {
    font: normal 14px/1.5 Arial, STHeiti, Microsoft YaHei, simsun, Helvetica, sans-serif;
    color: #333;
    background-color: #f6f6f6
}

input,
button,
textarea {
    font: normal 14px/1.5 Arial, STHeiti, Microsoft YaHei, simsun, Helvetica, sans-serif
}


input { -ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.box-wrap { position: relative; z-index: 999; width: 100%; height: 100%; left: 0;top: 0;right: 0;bottom: 0;background:url(../img/login-dot.png) repeat;}
.box {position:absolute; top:50%; width:100%; margin-top:-193px;border:1px solid #bbb; border-width:1px 0; }
.box-login { background:url(../img/login-logo.jpg) no-repeat 0 56px; width:594px; margin:0 auto; height:295px; padding-top:56px; padding-bottom:34px; padding-left:406px;}
.box-login p {padding-left:120px; height:40px; line-height:40px; font-size:13px;}
.datatable { border-collapse:collapse;}
.datatable td,.datatable th { border:1px solid #ddd; padding:0 5px; background:#fff; line-height:24px;}
.datatable .th td,.datatable .th th { background:#f0f0f0; font-weight:bold; line-height:28px;}
.search {height:60px; padding-top:30px; text-align:center;}
.search label,.search span {display:inline-block; vertical-align:middle;}
.search-bar { background:#ddd url(../img/zoom.png) no-repeat 9px; border:1px solid #ccc; border-radius:5px; padding-left:34px;position:relative; width:450px; height:40px;}
.search-bar input[type=text] {border:1px solid #ccc; border-radius:5px; padding:3px; width:395px; position:relative; top:5px; height:30px;line-height:20px; background:#fdfbf8;display:block;}
.pagetable {margin-top:1em;margin-bottom:1em;}
.pagetable td {line-height:26px; color:#717171;}
.pagetable input[type=text] {padding:2px; border:1px solid #ccc; height:26px; line-height:20px;}
.btn-goto { background:url(../img/btn-goto.png) no-repeat; text-indent:-9999px; width:26px; height:26px; vertical-align:middle; border:none; margin-left:10px;cursor:pointer;}
a.onCreate { background:url(../img/btn-add.png) no-repeat; width:45px; height:26px; text-decoration:none; display:block; color:#fff; text-align:center;cursor:pointer;}
a.onRequest,input.onRequest {display:inline-block;cursor:pointer; background-image:url(../img/btn-transfer.png); color:#fff; text-align:center; width:90px;height:26px;}
.mgt20 { margin-top:20px;}
.mgl10 {margin-left:10px;}
.pdr20 { padding-right:20px;}
.hide {display:none;}
.formtable tr{line-height:32px;}
.tr-fixed input {margin-left:10px;}
.info { margin:0 10px; vertical-align:middle; display:inline-block; line-height:32px;}
.help { background:url(../img/help.png) no-repeat;width:15px; height:15px; display:inline-block; margin-left:10px; cursor:pointer;}
.help-content,.status-content {color:#333; background:#fbfbe1; border:1px solid #e3e38d; padding: 1em; margin-bottom:1em;}
.help-content p,.status-content p {line-height:24px;}
.status-content { background-color:#dff0d8; border-color:#d6e9c6;}
.helper {text-align:center;}
.helper h3,.helper div {text-align:left;line-height:1.8em; }
.helper h3,.helper h4{margin:0.5em 0;}
.helper h2 { line-height:1.5em; margin:1em 0 0;}
.helper h2 a { font-size:14px;}
.helper a:link,.helper a:visited {color:#666;}
.helper a:hover,.helper a:active {color:#333;}
.helper h4 { text-indent:2em;}
.helper strong { font-size:18px;line-height:1.8em;}
.helper img { margin:1em 0;}
.helper p { font-size:18px; text-indent:2em;line-height:1.8em; }
.link { color: #337ab7;}
.link:hover { color: #337aff;}
#authContact label { display: inline-block; padding-right:1em;}
#authContact label.block { display: block;}
#authContact table { width: 100%;}
#authContact table tr>td:first-child { padding-right:1em;}
#authContact table tr:not(:first-child) { display: block; }

.search-box { }
.search-box ul { padding-bottom: 1em; }
.search-box li { width: 250px; height:32px; line-height:32px; display: inline-block;}
.search-box  label,.search-box input {display: inline-block; vertical-align:middle;}
.search-box  label { width:90px; text-align: right;}
.search-box .lbl-ck { width: auto;}
.search-box input { border: 1px solid #ccc; width:153px;}
#days { width:auto; margin-left:1em;margin-right:0.5em;}
.search-box select { border: 1px solid #ccc; width:153px; height:23px;}
.search-box a { right:0;margin-left:2em; width:90px; height:26px; line-height:26px; text-align:center; color: #fff; display:inline-block; text-decoration:none;}
.search-box input.onRequest { border: none; width:90px;}