Files
itooldog/public/static/iconfont/cube.css
T
2023-03-22 11:41:09 +08:00

905 lines
18 KiB
CSS

blockquote, body, dd, dir, dl, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, input, legend, menu, ol, optgroup, p, pre, tbody, td, textarea, tfoot, th, thead, ul {
margin: 0;
padding: 0
}
ol, ul {
list-style-type: none;
list-style-image: none
}
a {
text-decoration: none;
background-color: transparent
}
a:active, a:hover {
outline-width: 0
}
a:focus {
outline: 1px dotted
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 62.5%
}
body {
font-size: 14px;
line-height: 1.8
}
body, button, input, select, textarea {
font-family: helvetica neue, arial, hiragino sans gb, stheiti, wenquanyi micro hei, \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
-ms-text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
text-spacing: ideograph-alpha ideograph-numeric ideograph-parenthesis
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400
}
h1 {
font-size: 36px
}
h2 {
font-size: 30px
}
h3 {
font-size: 22px
}
h4 {
font-size: 18px
}
h5 {
font-size: 14px
}
h6 {
font-size: 12px
}
abbr, acronym {
border-bottom: 1px dotted;
cursor: help
}
b, strong {
font-weight: 700
}
dfn {
font-style: italic
}
hr {
box-sizing: content-box;
height: 0
}
mark {
background-color: #d2e5ff;
color: #000
}
code, kbd, pre, samp {
font-family: monaco, menlo, consolas, courier new, courier, monospace
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
overflow: auto
}
q {
quotes: none
}
q:after, q:before {
content: '';
content: none
}
small {
font-size: 85.7%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
table {
border-collapse: collapse;
border-spacing: 0
}
th {
text-align: left
}
table td, table th {
border: 1px solid #ddd;
padding: 8px 10px
}
table th {
font-weight: inherit;
border-bottom-width: 2px;
border-bottom-color: #ccc
}
img {
border-style: none;
width: auto \9;
height: auto;
max-width: 100%;
vertical-align: top;
-ms-interpolation-mode: bicubic
}
svg:not(:root) {
overflow: hidden
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border-style: none;
white-space: normal;
*margin-left: -7px
}
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle
}
button, input {
*overflow: visible
}
button, select {
text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled], input[disabled] {
cursor: default
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border-style: none;
padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height: auto
}
textarea {
overflow: auto;
resize: vertical
}
option:disabled:checked, select:disabled option:checked {
color: #d2d2d2
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input {
line-height: normal !important
}
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #a9a9a9;
opacity: 1
}
label {
cursor: pointer
}
select[multiple], select[size], select[size][multiple] {
border: 1px solid #aaa;
padding: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden], template {
display: none
}
[draggable] {
cursor: move
}
.dib {
display: inline-block;
*display: inline;
*zoom: 1
}
.dib-box {
font-size: 0;
*word-spacing: -1px
}
@media (-webkit-min-device-pixel-ratio: 0) {
.dib-box {
letter-spacing: -5px
}
}
.dib-box .dib {
vertical-align: top;
font-size: 12px;
letter-spacing: normal;
word-spacing: normal;
line-height: inherit
}
.dib-box .justify, .justify {
font-size: 0;
line-height: inherit
}
.justify {
text-align: justify;
text-justify: inter-ideograph;
*zoom: 1;
-moz-text-align-last: justify;
text-align-last: justify
}
.justify:after {
content: "";
display: inline-block;
width: 100%
}
.justify .dib {
-moz-text-align-last: auto;
text-align-last: auto;
text-justify: auto;
text-align: left;
font-size: 12px;
letter-spacing: normal;
word-spacing: normal
}
.arrow2 {
font-size: 0;
width: 0;
height: 0;
line-height: 0;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: -2px;
border: 0 dashed transparent;
border-width: 6px
}
.arrow-top {
border-bottom-style: solid;
border-bottom-color: #2ab2df
}
.arrow-bottom {
border-top-style: solid;
border-top-color: #2ab2df
}
.arrow-left {
border-right-style: solid;
border-right-color: #2ab2df
}
.arrow-right {
border-left-style: solid;
border-left-color: #2ab2df
}
.arrow-left-top {
border-left-width: 0 !important
}
.arrow-left-top, .arrow-right-top {
border-top-style: solid;
border-top-color: #2ab2df
}
.arrow-right-top {
border-right-width: 0 !important
}
.arrow-left-bottom {
border-left-width: 0 !important
}
.arrow-left-bottom, .arrow-right-bottom {
border-bottom-style: solid;
border-bottom-color: #2ab2df
}
.arrow-right-bottom {
border-right-width: 0 !important
}
.fluid-media {
position: relative
}
.fluid-media div, .fluid-media embed, .fluid-media iframe, .fluid-media object, .fluid-media video {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.widescreen {
padding-bottom: 56.25%
}
.narrowscreen {
padding-bottom: 75%
}
.wole, .youku {
padding-top: 40px
}
.tudou {
padding-top: 50px
}
.iqiyi {
padding-top: 45px
}
.youtube {
padding-top: 30px
}
.center-box {
font-size: 0;
*word-spacing: -1px;
height: 100%
}
@media (-webkit-min-device-pixel-ratio: 0) {
.center-box {
letter-spacing: -5px
}
}
.center-box .center-hack {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 0;
width: 0;
height: 100%;
vertical-align: middle
}
.center-box .center-body {
letter-spacing: normal;
word-spacing: normal;
font-size: 12px;
white-space: normal;
word-wrap: break-word
}
.center-box .center-body, .center-box .center-img {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
padding: 0 !important;
margin: 0 !important;
width: 100%
}
.center-box .center-img {
text-align: center;
font-size: 0
}
.center-box img {
vertical-align: middle
}
.clearfix:after, .clearfix:before {
content: "";
display: table
}
.clearfix:after {
clear: both
}
.clearfix {
*zoom: 1
}
.clearall {
overflow: hidden;
_overflow: visible;
*zoom: 1
}
.clearcell {
display: table-cell;
*zoom: 1
}
.clearcell:after {
clear: both;
display: block;
visibility: visible;
overflow: hidden;
height: 0 !important;
line-height: 0;
font-size: xx-large;
content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "
}
.nowrap {
white-space: nowrap;
word-wrap: normal
}
.wrap {
white-space: normal;
word-wrap: break-word
}
.hidden, .hide {
display: none
}
.ellipsis {
display: block;
word-wrap: normal;
text-overflow: ellipsis;
text-align: left
}
.ellipsis, .text-hide {
white-space: nowrap;
overflow: hidden
}
.text-hide {
text-indent: 100%
}
.clip-hide {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 none !important;
height: 1px !important;
width: 1px !important
}
.clip-hide, .ir {
overflow: hidden
}
.ir {
z-index: -1
}
.ir, .ir-bg {
position: relative
}
.ir-bg {
z-index: 1
}
.ime-inactive {
ime-mode: inactive !important
}
.select-no-appearance {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-overflow: "";
text-indent: .01px
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.rmb, .yuan {
font-family: arial;
font-style: normal
}
.btn {
box-sizing: content-box;
display: inline-block;
border: 1px solid #ddd;
*border: 0 none;
border-radius: 2px;
*margin-right: .3em;
margin-bottom: 0;
padding: 0 10px;
*padding: 1px 10px;
width: auto;
height: 21px;
line-height: 21px;
font-size: 12px;
font-weight: 700;
cursor: pointer;
border-bottom-color: #bbb !important;
background-color: #f4f4f4;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eee));
background-image: -webkit-linear-gradient(top, #f8f8f8, #eee);
background-image: linear-gradient(180deg, #f8f8f8, #eee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffeeeeee', GradientType=0)
}
.btn, .btn:hover, .btn:visited {
color: #333 !important
}
.btn:hover {
box-shadow: none;
background-color: #ededed;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #f2f2f2, #e6e6e6);
background-image: linear-gradient(180deg, #f2f2f2, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe6e6e6', GradientType=0)
}
.btn:active, .btn:hover {
background-repeat: repeat-x
}
.btn:active {
background-color: #ebebeb;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#f2f2f2));
background-image: -webkit-linear-gradient(top, #e6e6e6, #f2f2f2);
background-image: linear-gradient(180deg, #e6e6e6, #f2f2f2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#fff2f2f2', GradientType=0)
}
.btn-error {
border-color: transparent;
border-bottom-color: #c21b1b !important;
background-color: #ff3636;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f44), to(#f22));
background-image: -webkit-linear-gradient(top, #f44, #f22);
background-image: linear-gradient(180deg, #f44, #f22);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff4444', endColorstr='#ffff2222', GradientType=0)
}
.btn-error, .btn-error:hover, .btn-error:visited {
color: #fff !important
}
.btn-error:hover {
background-color: #e41b1b;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ee2020), to(#d51314));
background-image: -webkit-linear-gradient(top, #ee2020, #d51314);
background-image: linear-gradient(180deg, #ee2020, #d51314);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee2020', endColorstr='#ffd51314', GradientType=0)
}
.btn-error:active {
background-color: #df1819;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d51314), to(#ee2020));
background-image: -webkit-linear-gradient(top, #d51314, #ee2020);
background-image: linear-gradient(180deg, #d51314, #ee2020);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd51314', endColorstr='#ffee2020', GradientType=0)
}
.btn-warning {
border-color: transparent;
border-bottom-color: #cf370c !important;
background-color: #ff4e00;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f50), to(#f40));
background-image: -webkit-linear-gradient(top, #f50, #f40);
background-image: linear-gradient(180deg, #f50, #f40);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff5500', endColorstr='#ffff4400', GradientType=0)
}
.btn-warning, .btn-warning:hover, .btn-warning:visited {
color: #fff !important
}
.btn-warning:hover {
background-color: #ef4000;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f40), to(#d73900));
background-image: -webkit-linear-gradient(top, #f40, #d73900);
background-image: linear-gradient(180deg, #f40, #d73900);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff4400', endColorstr='#ffd73900', GradientType=0)
}
.btn-warning:active {
background-color: #e73d00;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d73900), to(#f40));
background-image: -webkit-linear-gradient(top, #d73900, #f40);
background-image: linear-gradient(180deg, #d73900, #f40);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd73900', endColorstr='#ffff4400', GradientType=0)
}
.btn-primary {
border-color: transparent;
border-bottom-color: #0960ab !important;
background-color: #4288c5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#488fcd), to(#3a7db8));
background-image: -webkit-linear-gradient(top, #488fcd, #3a7db8);
background-image: linear-gradient(180deg, #488fcd, #3a7db8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff488fcd', endColorstr='#ff3a7db8', GradientType=0);
background-repeat: repeat-x
}
.btn-primary, .btn-primary:hover, .btn-primary:visited {
color: #fff !important
}
.btn-primary:hover {
background-color: #3579b5;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, from(#4087c6), to(#25659c));
background-image: -webkit-linear-gradient(top, #4087c6, #25659c);
background-image: linear-gradient(180deg, #4087c6, #25659c);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4087c6', endColorstr='#ff25659c', GradientType=0)
}
.btn-primary:active {
background-color: #3073ad;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, from(#25659c), to(#4087c6));
background-image: -webkit-linear-gradient(top, #25659c, #4087c6);
background-image: linear-gradient(180deg, #25659c, #4087c6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff25659c', endColorstr='#ff4087c6', GradientType=0)
}
.btn-disabled {
border: 1px solid #e0e0e0;
border-bottom-color: #ccc !important;
cursor: default
}
.btn-disabled, .btn-disabled:hover, .btn-disabled:visited {
color: #ccc !important;
background-color: #ededed;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #f2f2f2, #e6e6e6);
background-image: linear-gradient(180deg, #f2f2f2, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe6e6e6', GradientType=0)
}
.btn-group {
overflow: hidden
}
.btn-group .btn {
float: left;
margin: 0;
border-radius: 0;
border-left-width: 0
}
.btn-group .btn-group .btn:first-child {
border-left-width: 1px;
border-radius: 2px 0 0 2px
}
.btn-group .btn:last-child {
border-radius: 0 2px 2px 0
}
.btn-xlarge {
padding: 0 20px;
height: 43px;
line-height: 43px;
font-size: 18px
}
.btn-large {
padding: 0 20px;
height: 38px;
line-height: 38px;
font-size: 14px
}
.btn-medium {
height: 28px;
line-height: 28px;
padding: 0 20px
}
.btn-small {
height: 26px;
line-height: 26px;
padding: 0 20px
}
.btn-xsmall {
height: 23px;
line-height: 23px
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0
}
.table table th, .table th {
border: 0 none;
border-bottom: 2px solid #ccc
}
.table table td, .table td {
border: 0 none;
border-top: 1px solid #ddd
}
.table-striped tbody tr:nth-child(odd) td {
background-color: #fafafa
}
.type .table-hover tbody tr:hover td, .type .table-hover thead tr:hover th {
background-color: #f6f6f6
}
@media (max-width: 767px) {
.table-responsive {
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
border-right: 1px solid #ddd;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch
}
.table-responsive table {
margin: 0
}
.table-responsive td, .table-responsive th {
white-space: nowrap
}
.table-responsive .table {
border: 0 none
}
}
@media print {
* {
background-color: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
color: #000 !important
}
a, a:visited {
text-decoration: underline
}
a[href]:after {
content: "(" attr(href) ")"
}
abbr[title]:after {
content: "(" attr(title) ")"
}
a[href^="#"]:after, a[href^="javascript:"]:after {
content: ""
}
blockquote, pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img, tr {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
@page {
margin: .5cm
}
h2, h3, p {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
}