mirror of
https://github.com/jquery/sizzle.git
synced 2025-12-28 04:43:44 +00:00
271 lines
9.7 KiB
CSS
271 lines
9.7 KiB
CSS
/**
|
|
* speed.css
|
|
*
|
|
* Styles for SizzleSpeed
|
|
*/
|
|
|
|
/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
|
|
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block; }
|
|
audio,canvas,video { display: inline-block; *display: inline; *zoom: 1; }
|
|
audio:not([controls]) { display: none; height: 0; }
|
|
[hidden] { display: none; }
|
|
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }
|
|
html,button,input,select,textarea { font-family: sans-serif; }
|
|
body { margin: 0; }
|
|
a:focus { outline: thin dotted; }
|
|
a:active,a:hover { outline: 0; }
|
|
h1 { font-size: 2em; margin: 0.67em 0; }
|
|
h2 { font-size: 1.5em; margin: 0.83em 0; }
|
|
h3 { font-size: 1.17em; margin: 1em 0; }
|
|
h4 { font-size: 1em; margin: 1.33em 0; }
|
|
h5 { font-size: 0.83em; margin: 1.67em 0; }
|
|
h6 { font-size: 0.75em; margin: 2.33em 0; }
|
|
abbr[title] { border-bottom: 1px dotted; }
|
|
b,strong { font-weight: bold; }
|
|
blockquote { margin: 1em 40px; }
|
|
dfn { font-style: italic; }
|
|
mark { background: #ff0; color: #000; }
|
|
p,pre { margin: 1em 0; }
|
|
code,kbd,pre,samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
|
|
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
|
|
q { quotes: none; }
|
|
q:before,q:after { content: ''; content: none; }
|
|
small { font-size: 80%; }
|
|
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
|
|
sup { top: -0.5em; }
|
|
sub { bottom: -0.25em; }
|
|
dl,menu,ol,ul { margin: 1em 0;}
|
|
dd { margin: 0 0 0 40px; }
|
|
menu,ol,ul { padding: 0 0 0 40px; }
|
|
nav ul,nav ol { list-style: none; list-style-image: none; }
|
|
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }
|
|
svg:not(:root) { overflow: hidden; }
|
|
figure { margin: 0; }
|
|
form { margin: 0; }
|
|
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
|
|
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }
|
|
button,input,select,textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }
|
|
button,input { line-height: normal; }
|
|
button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }
|
|
button[disabled],input[disabled] { cursor: default; }
|
|
input[type="checkbox"],input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }
|
|
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
|
|
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
|
|
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; }
|
|
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }
|
|
table { border-collapse: collapse; border-spacing: 0; }
|
|
|
|
/* ==|== animations ======================================== */
|
|
@-webkit-keyframes shake {
|
|
from { -webkit-transform: translate3d(0, 0, 0); }
|
|
40% { -webkit-transform: translate3d(0, 0, 0); }
|
|
50% { -webkit-transform: translate3d(-4px, 0, 0); }
|
|
75% { -webkit-transform: translate3d(4px, 0, 0); }
|
|
90% { -webkit-transform: translate3d(-2px, 0, 0); }
|
|
95% { -webkit-transform: translate3d(1px, 0, 0); }
|
|
to { -webkit-transform: translate3d(0, 0, 0); }
|
|
}
|
|
@-moz-keyframes shake {
|
|
from { -moz-transform: translate(0, 0); }
|
|
40% { -moz-transform: translate(0, 0); }
|
|
50% { -moz-transform: translate(-4px, 0); }
|
|
75% { -moz-transform: translate(4px, 0); }
|
|
90% { -moz-transform: translate(-2px, 0); }
|
|
95% { -moz-transform: translate(1px, 0); }
|
|
to { -moz-transform: translate(0, 0); }
|
|
}
|
|
@-o-keyframes shake {
|
|
from { -o-transform: translate(0, 0); }
|
|
40% { -o-transform: translate(0, 0); }
|
|
50% { -o-transform: translate(-4px, 0); }
|
|
75% { -o-transform: translate(4px, 0); }
|
|
90% { -o-transform: translate(-2px, 0); }
|
|
95% { -o-transform: translate(1px, 0); }
|
|
to { -o-transform: translate(0, 0); }
|
|
}
|
|
@-ms-keyframes shake {
|
|
from { -ms-transform: translate(0, 0); }
|
|
40% { -ms-transform: translate(0, 0); }
|
|
50% { -ms-transform: translate(-4px, 0); }
|
|
75% { -ms-transform: translate(4px, 0); }
|
|
90% { -ms-transform: translate(-2px, 0); }
|
|
95% { -ms-transform: translate(1px, 0); }
|
|
to { -ms-transform: translate(0, 0); }
|
|
}
|
|
@keyframes shake {
|
|
from { transform: translate(0, 0); }
|
|
40% { transform: translate(0, 0); }
|
|
50% { transform: translate(-4px, 0); }
|
|
75% { transform: translate(4px, 0); }
|
|
90% { transform: translate(-2px, 0); }
|
|
95% { transform: translate(1px, 0); }
|
|
to { transform: translate(0, 0); }
|
|
}
|
|
|
|
/* ==|== Performance suite styles ======================================== */
|
|
|
|
body { padding: 40px; font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; }
|
|
body.complete { background: rgb(230, 255, 230); }
|
|
small, .small { font-size: 0.85em; }
|
|
|
|
a { color: #730E00; }
|
|
a:hover { color: #EE1E00; }
|
|
a:active { color: black; }
|
|
|
|
#logo {
|
|
padding: 10px; display: block; margin-bottom: 10px;
|
|
background: #8C0000;
|
|
-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
|
|
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
|
|
box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
|
|
-webkit-border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
/* ==|== table styles ======================================== */
|
|
.table {
|
|
width: 100%;
|
|
margin: 1.2em 0 3em;
|
|
}
|
|
.table th,
|
|
.table td {
|
|
padding: 5px 10px;
|
|
width: 150px;
|
|
line-height: 1.4;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
}
|
|
.table th.text-right,
|
|
.table td.text-right {
|
|
text-align: right;
|
|
}
|
|
.table th {
|
|
color: #9F0000;
|
|
text-shadow: rgba(0, 0, 0, 0.2) 0 1px;
|
|
background: rgb(240, 240, 240);
|
|
font-weight: 600;
|
|
}
|
|
.table td {
|
|
font-size: 12px;
|
|
}
|
|
.table thead th {
|
|
vertical-align: bottom;
|
|
}
|
|
.table caption + thead tr:first-child th,
|
|
.table caption + thead tr:first-child td,
|
|
.table colgroup + thead tr:first-child th,
|
|
.table colgroup + thead tr:first-child td,
|
|
.table thead:first-child tr:first-child th,
|
|
.table thead:first-child tr:first-child td {
|
|
border-top: 0;
|
|
}
|
|
.table tbody + tbody {
|
|
border-top: 2px solid #dddddd;
|
|
}
|
|
.table-dark td {
|
|
color: #31373c;
|
|
}
|
|
.table-condensed th,
|
|
.table-condensed td {
|
|
padding: 4px 5px;
|
|
}
|
|
.table-semi-bordered td {
|
|
border-right: 1px solid #dddddd;
|
|
border-top: 1px solid #dddddd;
|
|
}
|
|
.table-semi-bordered td:first-child {
|
|
border-left: 1px solid #dddddd;
|
|
}
|
|
.table-bordered {
|
|
border: 2px solid #dddddd;
|
|
border-bottom: 0;
|
|
border-collapse: separate;
|
|
*border-collapse: collapse;
|
|
border-left: 0;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
.table-bordered th,
|
|
.table-bordered td {
|
|
border-left: 2px solid #dddddd;
|
|
border-bottom: 2px solid #dddddd;
|
|
}
|
|
.table-bordered caption + thead tr:first-child th,
|
|
.table-bordered caption + tbody tr:first-child th,
|
|
.table-bordered caption + tbody tr:first-child td,
|
|
.table-bordered colgroup + thead tr:first-child th,
|
|
.table-bordered colgroup + tbody tr:first-child th,
|
|
.table-bordered colgroup + tbody tr:first-child td,
|
|
.table-bordered thead:first-child tr:first-child th,
|
|
.table-bordered tbody:first-child tr:first-child th,
|
|
.table-bordered tbody:first-child tr:first-child td {
|
|
border-top: 0;
|
|
}
|
|
.table-bordered thead:first-child tr:first-child th:first-child,
|
|
.table-bordered tbody:first-child tr:first-child td:first-child {
|
|
-webkit-border-top-left-radius: 4px;
|
|
-moz-border-radius-topleft: 4px;
|
|
border-top-left-radius: 4px;
|
|
}
|
|
.table-bordered thead:first-child tr:first-child th:last-child,
|
|
.table-bordered tbody:first-child tr:first-child td:last-child {
|
|
-webkit-border-top-right-radius: 4px;
|
|
-moz-border-radius-topright: 4px;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
.table-bordered thead:last-child tr:last-child th:first-child,
|
|
.table-bordered tbody:last-child tr:last-child td:first-child {
|
|
-webkit-border-radius: 0 0 0 4px;
|
|
-moz-border-radius: 0 0 0 4px;
|
|
border-radius: 0 0 0 4px;
|
|
}
|
|
.table-bordered thead:last-child tr:last-child th:last-child,
|
|
.table-bordered tbody:last-child tr:last-child td:last-child {
|
|
-webkit-border-bottom-right-radius: 4px;
|
|
-moz-border-radius-bottomright: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.table-striped tbody tr:nth-child(even) td,
|
|
.table-striped tbody tr:nth-child(even) th {
|
|
background-color: #f9f9f9;
|
|
}
|
|
.table tbody tr:hover td,
|
|
.table tbody tr:hover th,
|
|
.table tbody tr .table-hover-background {
|
|
background-color: #f0f6fa;
|
|
}
|
|
.table tbody tr td.red { background: #FF5E5E; }
|
|
.table tbody tr td.green { background: #19EB4B; }
|
|
.table tbody tr td.black { background: #41464D; color: #F3F1F1; }
|
|
.table tbody tr td.yellow { background: hsl(60, 108%, 65%); }
|
|
.table tbody tr td.pending { background: hsl(215, 100%, 80%); }
|
|
|
|
.selector { background: hsl(215, 100%, 95%); }
|
|
|
|
.pending span {
|
|
display: inline-block; *display: inline;
|
|
-webkit-animation-name: shake;
|
|
-moz-animation-name: shake;
|
|
-o-animation-name: shake;
|
|
-ms-animation-name: shake;
|
|
animation-name: shake;
|
|
|
|
-webkit-animation-duration: 0.7s;
|
|
-moz-animation-duration: 0.7s;
|
|
-o-animation-duration: 0.7s;
|
|
-ms-animation-duration: 0.7s;
|
|
animation-duration: 0.7s;
|
|
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
-o-animation-iteration-count: infinite;
|
|
-ms-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
/* ==|== helper classes ======================================== */
|
|
.clear { clear: both; }
|
|
.bold { font-weight: bold; }
|