You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
299 lines
8.3 KiB
CSS
299 lines
8.3 KiB
CSS
.detail {
|
|
color:#F30; float:right; margin-right:10px;
|
|
}
|
|
|
|
.zhutu-tc{ text-align:center; padding-bottom:20px; padding-top:10px;}
|
|
h1,h2,h3,
|
|
h4,h5,h6 { color: #111; margin-bottom: .75em; }
|
|
|
|
h1 { font-size: 30px; line-height: 1em; }
|
|
h2 { font-size: 24px; font-weight: normal; color: #222; margin-bottom: 1em }
|
|
h3 { font-size: 16px; color: #333; line-height: 1; margin-bottom: .75em;text-align:center; padding-bottom:0px; padding-top:30px; }
|
|
h4 { font-size: 14px; color: #666; line-height: 1.25; margin:0 28px -20px; }
|
|
h5 { font-size: 12px; font-weight: bold; margin-bottom: 1.5em }
|
|
h6 { font-size: 11px; font-weight: bold }
|
|
|
|
p { margin: 0 0 1.5em }
|
|
p.last { margin-bottom: 0 }
|
|
img { border: none; }
|
|
|
|
ul, ol { margin-left: 28px; margin-bottom: 1.5em; }
|
|
li ul,
|
|
li ol { margin-top: 1em; }
|
|
ul li { list-style-type: disc; }
|
|
li { margin-bottom: .5em; }
|
|
|
|
dl { margin: 0 0 1.5em 0 }
|
|
dl dt { font-weight: bold }
|
|
dd { margin-left: 1.5em }
|
|
|
|
abbr,
|
|
acronym { border-bottom: 1px dotted #666 }
|
|
address { margin-top: 1.5em; font-style: italic }
|
|
del { color:#666 }
|
|
sup { font-size: 9px; vertical-align:top; }
|
|
|
|
blockquote { margin: 1.5em; color: #666; font-style: italic }
|
|
strong { font-weight: bold }
|
|
em,dfn { font-style: italic; background: #ffc }
|
|
dfn { font-weight: bold }
|
|
pre,code { margin: 1.5em 0; white-space: pre }
|
|
pre,code,tt { font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5 }
|
|
tt { display: block; margin: 1.5em 0; line-height: 1.5 }
|
|
|
|
|
|
hr { border: none; border-bottom: 1px dotted #CCC; margin-bottom: 2em; margin-top: 1em; }
|
|
|
|
table.data { width: 100%; border: 0; margin-bottom: 2em; border-collapse: collapse; }
|
|
|
|
table.data thead th
|
|
{
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding: 10px;
|
|
|
|
background-color: #333;
|
|
|
|
color: #FFF;
|
|
|
|
border-top: 1px solid #ccc;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
|
|
table.display thead th { background-color: #333 !important; }
|
|
|
|
table.data td { vertical-align: top; }
|
|
|
|
table.data tbody tr td { background: #FFF; border-bottom: 1px dotted #DDD; }
|
|
|
|
table.data th { padding: 10px 0; }
|
|
table.data tbody td { padding: 10px; }
|
|
|
|
table.data tr.even td { background: #F9F9F9; }
|
|
|
|
table.data.stripe tr:nth-child(odd) td { background-color:#F6F6F6; }
|
|
table.data.stripe tr:nth-child(even) td { background-color:#FFF; }
|
|
|
|
|
|
input
|
|
, textarea
|
|
, select
|
|
{
|
|
font-family: Verdana, 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
|
|
font-size: 12px;
|
|
color: #424242;
|
|
padding: 6px;
|
|
border: 1px solid #CCC;
|
|
outline: none;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
|
|
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
|
|
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
|
|
|
|
-moz-transition: border .2s linear, box-shadow .2s linear;
|
|
-webkit-transition: border .2s linear, -webkit-box-shadow .2s linear;
|
|
}
|
|
|
|
input:focus
|
|
, textarea:focus
|
|
, select:focus
|
|
{
|
|
border: 1px solid #80bfff;
|
|
|
|
-moz-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
|
|
-webkit-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
|
|
box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
|
|
}
|
|
|
|
.placeholder { color: #999; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* --------------------------------------------------------------
|
|
Tabs
|
|
-------------------------------------------------------------- */
|
|
.tab_container { }
|
|
|
|
ul.tabs {
|
|
margin: 0;
|
|
padding: 0;
|
|
float: left;
|
|
list-style: none;
|
|
height: 32px;
|
|
border-bottom: 1px solid #CCC;
|
|
border-left: 1px solid #CCC;
|
|
width: 100%;
|
|
}
|
|
|
|
ul.tabs li
|
|
{
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 31px;
|
|
line-height: 31px;
|
|
border: 1px solid #CCC;
|
|
border-left: none;
|
|
margin-bottom: -1px;
|
|
background: #e0e0e0 url(../images/accordion_header.png) repeat-x top right;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
ul.tabs li a
|
|
{
|
|
text-decoration: none;
|
|
color: #222;
|
|
display: block;
|
|
font-size: 1.2em;
|
|
padding: 0 20px;
|
|
border: 1px solid #fff;
|
|
outline: none;
|
|
}
|
|
|
|
ul.tabs li a:hover { background: #ccc; }
|
|
ul.tabs li.active, ul.tabs li.active a:hover { background: #fff; border-bottom: 1px solid #fff; }
|
|
|
|
.tab_content_container
|
|
{
|
|
border: 1px solid #CCC;
|
|
border-top: none;
|
|
clear: both;
|
|
float: left;
|
|
width: 100%;
|
|
background: #fff;
|
|
-moz-border-radius-bottomright: 5px;
|
|
-khtml-border-radius-bottomright: 5px;
|
|
-webkit-border-bottom-right-radius: 5px;
|
|
-moz-border-radius-bottomleft: 5px;
|
|
-khtml-border-radius-bottomleft: 5px;
|
|
-webkit-border-bottom-left-radius: 5px;
|
|
}
|
|
.tab_content { font-size: 1.2em; padding: 20px 20px 10px; display: none; }
|
|
|
|
.tab_content:first-child { display: block; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* --------------------------------------------------------------
|
|
|
|
Stencil grid.css
|
|
* Sets up grid system.
|
|
|
|
-------------------------------------------------------------- */
|
|
.mt30{ margin-top:30px;}
|
|
|
|
|
|
|
|
|
|
.xgrid { width: 960px; margin: 0 auto; }
|
|
.xfluid { width: 96%; }
|
|
|
|
.x9{
|
|
margin: 0 10px 4em;
|
|
}
|
|
|
|
.xbreak { clear: both; }
|
|
|
|
.xgrid:after {
|
|
content: ".";
|
|
display: block;
|
|
clear: both;
|
|
visibility: hidden;
|
|
line-height: 0;
|
|
height: 0;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*plugin styles*/
|
|
.visualize { border: 1px solid #888; position: relative; background: #fafafa; margin: 25px auto 25px auto; }
|
|
.visualize canvas { position: absolute; }
|
|
.visualize ul,.visualize li { margin: 0; padding: 0;}
|
|
|
|
/*table title, key elements*/
|
|
/*.visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: 240px; left: 0px; opacity: .8; }*/
|
|
.visualize-pie .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: 200px; left: -1px; opacity: .8; }
|
|
.visualize-bar .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: 230px; left: -1px; opacity: .8; }
|
|
.visualize-line .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -31px; left: 0px; opacity: .8; }
|
|
.visualize-area .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -31px; left: 0px; opacity: .8; }
|
|
.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px; font-size: 1.1em; }
|
|
.visualize ul.visualize-key { list-style: none; }
|
|
.visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative;}
|
|
.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px; }
|
|
.visualize ul.visualize-key .visualize-key-label { color: #000; }
|
|
|
|
/*pie labels*/
|
|
.visualize-pie .visualize-labels { list-style-type: none; }
|
|
.visualize-pie li { list-style-type: none; }
|
|
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute; margin: 0; padding:0; }
|
|
.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
|
|
.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }
|
|
|
|
/*line,bar, area labels*/
|
|
.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
|
|
.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
|
|
.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555; }
|
|
.visualize-labels-x li span.line, .visualize-labels-y li span.line { position: absolute; border: 0 solid #ccc; }
|
|
.visualize-labels-x li { height: 100%; list-style: none; }
|
|
.visualize-labels-x li span.label { top: 100%; margin-top: 5px; }
|
|
.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
|
|
.visualize-labels-x li span.line { border: 0;} /*hide vertical lines on area, line, bar*/
|
|
.visualize-labels-y li { width: 100%; list-style: none; }
|
|
.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right; }
|
|
.visualize-labels-y li span.line { border-top-width: 1px; width: 100%; }
|
|
.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }
|
|
.visualize-line .visualize-labels-x li span.label { width:50px; text-align: center; }
|
|
.visualize-area .visualize-labels-x li span.label { width:50px; text-align: center; margin-left:0px; } |