Skip to content

Instantly share code, notes, and snippets.

@ahmedash95

ahmedash95/example.html

Created July 2, 2018 08:58
Show Gist options
  • Save ahmedash95/c6fb473e5cfe5a573da87fe079cda397 to your computer and use it in GitHub Desktop.
Save ahmedash95/c6fb473e5cfe5a573da87fe079cda397 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
example.html
<div class="defaultValue container">
<!-- Put your entiner code here -->
</div>
Raw
tayee-reset.css
.defaultValue,
.defaultValue a,
.defaultValue abbr,
.defaultValue address,
.defaultValue area,
.defaultValue article,
.defaultValue aside,
.defaultValue div,
.defaultValue kbd,
.defaultValue keygen,
.defaultValue label,
.defaultValue legend,
.defaultValue li,
.defaultValue link,
.defaultValue map,
.defaultValue mark,
.defaultValue menu,
.defaultValue meta,
.defaultValue meter,
.defaultValue nav,
.defaultValue noscript,
.defaultValue object,
.defaultValue ol,
.defaultValue optgroup,
.defaultValue option,
.defaultValue output,
.defaultValue p,
.defaultValue param,
.defaultValue pre,
.defaultValue progress,
.defaultValue q,
.defaultValue rp,
.defaultValue rt,
.defaultValue ruby,
.defaultValue s,
.defaultValue samp,
.defaultValue script,
.defaultValue section,
.defaultValue select,
.defaultValue small,
.defaultValue source,
.defaultValue span,
.defaultValue strong,
.defaultValue style,
.defaultValue sub,
.defaultValue summary,
.defaultValue sup,
.defaultValue table,
.defaultValue tbody,
.defaultValue td,
.defaultValue textarea,
.defaultValue tfoot,
.defaultValue th,
.defaultValue thead,
.defaultValue time,
.defaultValue title,
.defaultValue tr,
.defaultValue track,
.defaultValue u,
.defaultValue ul,
.defaultValue var,
.defaultValue video,
.defaultValue wbr {
animation: none;
animation-delay: 0;
animation-direction: normal;
animation-duration: 0;
animation-fill-mode: none;
animation-iteration-count: 1;
animation-name: none;
animation-play-state: running;
animation-timing-function: ease;
backface-visibility: visible;
background: 0;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-position-x: 0;
background-position-y: 0;
background-repeat: repeat;
background-size: auto auto;
border: 0;
border-style: none;
border-width: medium;
border-color: inherit;
border-bottom: 0;
border-bottom-color: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-style: none;
border-bottom-width: medium;
border-collapse: separate;
border-image: none;
border-left: 0;
border-left-color: inherit;
border-left-style: none;
border-left-width: medium;
border-radius: 0;
border-right: 0;
border-right-color: inherit;
border-right-style: none;
border-right-width: medium;
border-spacing: 0;
border-top: 0;
border-top-color: inherit;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-style: none;
border-top-width: medium;
bottom: auto;
box-shadow: none;
box-sizing: content-box;
caption-side: top;
clear: none;
clip: auto;
color: inherit;
columns: auto;
column-count: auto;
column-fill: balance;
column-gap: normal;
column-rule: medium none currentColor;
column-rule-color: currentColor;
column-rule-style: none;
column-rule-width: none;
column-span: 1;
column-width: auto;
content: normal;
counter-increment: none;
counter-reset: none;
cursor: auto;
/*direction : ltr;*/
direction: rtl;
display: inline;
empty-cells: show;
float: none;
font: normal;
font-family: inherit;
font-size: medium;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
hyphens: none;
left: auto;
letter-spacing: normal;
line-height: normal;
list-style: none;
list-style-image: none;
list-style-position: outside;
list-style-type: disc;
margin: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
opacity: 1;
orphans: 0;
outline: 0;
outline-color: invert;
outline-style: none;
outline-width: medium;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
padding: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
page-break-after: auto;
page-break-before: auto;
page-break-inside: auto;
perspective: none;
perspective-origin: 50% 50%;
position: static;
/* May need to alter quotes for different locales (e.g fr) */
quotes: '\201C' '\201D' '\2018' '\2019';
right: auto;
tab-size: 8;
table-layout: auto;
text-align: inherit;
text-align-last: auto;
text-decoration: none;
text-decoration-color: inherit;
text-decoration-line: none;
text-decoration-style: solid;
text-indent: 0;
text-shadow: none;
text-transform: none;
top: auto;
transform: none;
transform-style: flat;
transition: none;
transition-delay: 0s;
transition-duration: 0s;
transition-property: none;
transition-timing-function: ease;
unicode-bidi: normal;
vertical-align: baseline;
visibility: visible;
white-space: normal;
widows: 0;
width: auto;
word-spacing: normal;
z-index: auto;
}
.defaultValue html {
display: block;
}
.defaultValue head,
.defaultValue link,
.defaultValue meta,
.defaultValue script,
.defaultValue style,
.defaultValue title {
display: none;
}
.defaultValue body {
display: block;
margin: 8px;
}
.defaultValue p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
margin: 1em 0;
}
.defaultValue address,
.defaultValue article,
.defaultValue aside,
.defaultValue div,
.defaultValue footer,
.defaultValue header,
.defaultValue hgroup,
.defaultValue layer,
.defaultValue main,
.defaultValue nav,
.defaultValue section {
display: block;
}
.defaultValue marquee {
display: inline-block;
overflow: -webkit-marquee;
}
.defaultValue blockquote {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
margin: 1em 40px;
}
.defaultValue figcaption {
display: block;
}
.defaultValue figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
margin: 1em 40px;
}
.defaultValue q {
display: inline;
}
.defaultValue q::before {
content: open-quote;
}
.defaultValue q::after {
content: close-quote;
}
.defaultValue center {
display: block;
text-align: -webkit-center;
}
.defaultValue hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
margin: 0.5em auto;
border-style: inset;
border-width: 1px;
}
.defaultValue video {
object-fit: contain;
}
.defaultValue h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
margin: 0.67em 0;
font-weight: bold;
}
.defaultValue :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) h1 {
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin: 0.83em 0;
}
.defaultValue :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) h1 {
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin: 1em 0;
}
.defaultValue :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) h1 {
font-size: 1.00em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin: 1.33em 0;
}
.defaultValue :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) h1 {
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin: 1.67em 0;
}
.defaultValue :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) :matches(article,
.defaultValue aside,
.defaultValue nav,
.defaultValue section) h1 {
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin: 2.33em 0;
}
.defaultValue h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
margin: 0.83em 0;
font-weight: bold;
}
.defaultValue h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
margin: 1em 0;
font-weight: bold;
}
.defaultValue h4 {
display: block;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
margin: 1.33em 0;
font-weight: bold;
}
.defaultValue h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
margin: 1.67em 0;
font-weight: bold;
}
.defaultValue h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
margin: 2.33em 0;
font-weight: bold;
}
.defaultValue table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
.defaultValue thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}
.defaultValue tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
.defaultValue tfoot {
display: table-footer-group;
vertical-align: middle;
border-color: inherit;
}
.defaultValue table>tr {
vertical-align: middle;
}
.defaultValue col {
display: table-column;
}
.defaultValue colgroup {
display: table-column-group;
}
.defaultValue tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
.defaultValue td,
.defaultValue th {
display: table-cell;
vertical-align: inherit;
}
.defaultValue th {
font-weight: bold;
}
.defaultValue caption {
display: table-caption;
text-align: -webkit-center;
}
.defaultValue ul,
.defaultValue menu,
.defaultValue dir {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
margin: 1em 0;
padding-left: 40px;
padding: 40px;
}
.defaultValue ol {
display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
margin: 1em 0;
padding-left: 40px;
padding-left: 40px;
}
.defaultValue li {
display: list-item;
text-align: -webkit-match-parent;
}
.defaultValue ul ul,
.defaultValue ol ul {
list-style-type: circle;
}
.defaultValue ol ol ul,
.defaultValue ol ul ul,
.defaultValue ul ol ul,
.defaultValue ul ul ul {
list-style-type: square;
}
.defaultValue dd {
display: block;
margin-left: 40px;
margin-left: 40px;
}
.defaultValue dl {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
.defaultValue dt {
display: block;
}
.defaultValue ol ul,
.defaultValue ul ol,
.defaultValue ul ul,
.defaultValue ol ol {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.defaultValue form {
display: block;
margin-top: 0em;
}
.defaultValue label {
cursor: default;
}
.defaultValue legend {
display: block;
padding-left: 2px;
padding-right: 2px;
padding-left: 2px;
padding-right: 2px;
border: none;
}
.defaultValue fieldset {
display: block;
margin-left: 2px;
margin-right: 2px;
-webkit-padding-before: 0.35em;
padding-left: 0.75em;
padding-right: 0.75em;
-webkit-padding-after: 0.625em;
border: 2px groove ThreeDFace;
min-width: -webkit-min-content;
}
.defaultValue button {
-webkit-appearance: button;
}
.defaultValue input,
.defaultValue textarea,
.defaultValue keygen,
.defaultValue select,
.defaultValue button,
.defaultValue isindex,
.defaultValue meter,
.defaultValue progress {
-webkit-writing-mode: horizontal-tb !important;
}
.defaultValue input,
.defaultValue textarea,
.defaultValue keygen,
.defaultValue select,
.defaultValue button,
.defaultValue isindex {
margin: 0em;
color: initial;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0;
text-shadow: none;
display: inline-block;
text-align: start;
}
.defaultValue input[type="hidden"] {
display: none;
}
.defaultValue input,
.defaultValue input:matches([type="password"],
.defaultValue [type="search"]),
.defaultValue isindex {
-webkit-appearance: textfield;
background-color: white;
border: 2px inset;
padding: 1px;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}
.defaultValue input[type="search"] {
-webkit-appearance: searchfield;
box-sizing: border-box;
}
.defaultValue input::-webkit-textfield-decoration-container {
display: flex;
align-items: center;
content: none !important;
}
.defaultValue input[type="search"]::-webkit-textfield-decoration-container {
direction: rtl;
}
.defaultValue input::-webkit-clear-button {
-webkit-appearance: searchfield-cancel-button;
display: inline-block;
flex: none;
margin-left: 2px;
}
.defaultValue input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
display: block;
flex: none;
align-self: flex-start;
margin: auto 0;
}
.defaultValue input[type="search"]::-webkit-search-decoration {
-webkit-appearance: searchfield-decoration;
display: block;
flex: none;
align-self: flex-start;
margin: auto 0;
}
.defaultValue input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: searchfield-results-decoration;
display: block;
flex: none;
align-self: flex-start;
margin: auto 0;
}
.defaultValue input[type="search"]::-webkit-search-results-button {
-webkit-appearance: searchfield-results-button;
display: block;
flex: none;
}
.defaultValue input::-webkit-inner-spin-button {
-webkit-appearance: inner-spin-button;
display: block;
position: relative;
cursor: default;
height: 1.5em;
vertical-align: top;
flex: none;
-webkit-user-select: none;
}
.defaultValue input::-webkit-auto-fill-button {
-webkit-mask-image: -webkit-image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAAXNSR0IB2cksfwAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAADyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE1LTA0LTAzVDE2OjA2OjI1PC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNS0wNC0wM1QxNjowMzoxNjwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4xNTwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xMjwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoz37ZdAAAA5ElEQVQoFY2RsQ5BQRBFd9EgEYXv8QlaEqVGpfUPao3oKXyEQiJI1ERESaGmwnPu2k2QJ2uS82Z2du7s7jyTJInBWnCABeygoXwM6kwN1GELFo7wgOo/4gmFEovzWzyMiTMUlyFYJQT4wlucGko8T90xZv0j/5EusVpCuLr8FPK6NraHPmT8Oks8gI2bKEEOZhAauEJf3PX5Eb4ImpEG2gni0NWJvwdFYRvuoIHeoOUa++56+wpSxb6myf4J6qG5VWCt1ckPvHsksf531HSiDJ1VV9n15eJfJ+YkvWcMF+jFZa+KJ554xIc+jempAAAAAElFTkSuQmCC") 1x, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAYAAADtaU2/AAAAAXNSR0IB2cksfwAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAADyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE1LTA0LTAzVDE2OjA2OjIxPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNS0wNC0wM1QxNjowMzoyNTwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4zMDwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4yNDwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpGMDB3AAAB8UlEQVRIDbVWO07DQBS0QSJUNJQcAloOQMEZ6InSUMEBkFJEQihQkQKJklQUlFBQQoH4SHAKJDokAgIz4+wLs5u15RjypOF9dvaN197dkCS/NodwC7gG3hxuXI1jUcuyLKkDa7aE4B7IHM7hCcs5Rs6Y1RHlHBpXo6JXeXX45xLOxB8QN2QsD+sKz2B2E1iRhqnEsxIvI96U/M8hv6mtyjxXehGpk+tZ3RVzdQOgcPN4KkPuvNbse2mtSsxXPYl9TkIu41L4rowQjD0Fee2UwqcTzA65/TRNB0CzSg/ygHegT34D4FGxjVXkHx0XbmQfiIzfKtto4LWEy3m58XLQs2zNzPPByAltGwXj0EfFUecbUd4O8pFxZ98CSrC4bNfvypxvxBu6cubAl3DaRSfBxNRjXtxckw5GjU+RXJweUNGOPRTqnrWRWQP1HkkTaRSK98CLioYr5vV4BqigxarlxSbsmu0XzO8qLxRmw/WCiRyLmjYEgTfhEWAPTM88VV4ozDP9HEyyBijHLdKQ4l2AR+YAGBMNhcFJVgETU8+xqIXCVXNtxm9cdJyU58VVhUKe/khwB+55XaeYqDC/zdoUtbzWFDPj7fQCLFjB+Vf4xaA2SvkK65iumLvwJNLkOFL79xJXfQhwlQTjsnu61r+2fEs/b4ZbzrEPMzEAAAAASUVORK5CYII=") 2x);
-webkit-mask-size: 15px 12px;
width: 15px;
height: 12px;
margin-left: 3px;
margin-right: 2px;
background-color: black;
flex: none;
-webkit-user-select: none;
}
.defaultValue input::-webkit-auto-fill-button:hover {
background-color: #007aff;
}
.defaultValue input::-webkit-auto-fill-button:active {
background-color: #003cdb;
}
.defaultValue input::-webkit-caps-lock-indicator {
-webkit-appearance: caps-lock-indicator;
content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17"><path fill="black" fill-opacity="0.4" d="M12.5 0.5A 4 4 0 0 1 16.5 4.5L 16.5 12.5A 4 4 0 0 1 12.5 16.5L 4.5 16.5A 4 4 0 0 1 0.5 12.5L 0.5 4.5A 4 4 0 0 1 4.5 0.5L 12.5 0.5M 8.5 2L 4 7L 6.25 7L 6.25 10.25L 10.75 10.25L 10.75 7L 13 7L 8.5 2M 10.75 12L 6.25 12L 6.25 14.25L 10.75 14.25L 10.75 12"/></svg>');
align-self: stretch;
flex: none;
-webkit-user-select: none;
}
.defaultValue keygen,
.defaultValue select {
border-radius: 5px;
}
.defaultValue keygen::-webkit-keygen-select {
margin: 0px;
}
.defaultValue textarea {
-webkit-appearance: textarea;
-webkit-nbsp-mode: space;
-webkit-line-break: after-white-space;
flex-direction: column;
resize: auto;
cursor: auto;
padding: 2px;
white-space: pre-wrap;
word-wrap: break-word;
}
.defaultValue ::-webkit-input-placeholder {
-webkit-text-security: none;
color: darkGray;
pointer-events: none !important;
}
.defaultValue input::-webkit-input-placeholder,
.defaultValue isindex::-webkit-input-placeholder {
white-space: pre;
word-wrap: normal;
overflow: hidden;
}
.defaultValue input[type="password"] {
-webkit-text-security: disc !important;
}
.defaultValue input:matches([type="hidden"],
.defaultValue [type="image"],
.defaultValue [type="file"]) {
-webkit-appearance: initial;
padding: initial;
background-color: initial;
border: initial;
}
.defaultValue input[type="file"] {
align-items: baseline;
color: inherit;
text-align: start !important;
}
.defaultValue input:-webkit-autofill {
background-color: #FAFFBD !important;
background-image: none !important;
color: #000000 !important;
}
.defaultValue input:matches([type="radio"],
.defaultValue [type="checkbox"]) {
margin: 3px 2px;
padding: initial;
background-color: initial;
border: initial;
}
.defaultValue input:matches([type="button"],
.defaultValue [type="submit"],
.defaultValue [type="reset"]) {
-webkit-appearance: push-button;
white-space: pre;
}
.defaultValue input[type="file"]::-webkit-file-upload-button {
-webkit-appearance: push-button;
white-space: nowrap;
margin: 0;
font-size: inherit;
}
.defaultValue input:matches([type="button"],
.defaultValue [type="submit"],
.defaultValue [type="reset"]),
.defaultValue input[type="file"]::-webkit-file-upload-button,
.defaultValue button {
align-items: flex-start;
text-align: center;
cursor: default;
color: ButtonText;
padding: 0 1.0em;
border: 1px solid #4c4c4c;
background-color: rgba(255, 255, 255, 0.01);
font: 11px Helvetica;
box-sizing: border-box;
}
.defaultValue input:matches([type="button"],
.defaultValue [type="submit"],
.defaultValue [type="reset"]):active,
.defaultValue input[type="file"]::-webkit-file-upload-button:active,
.defaultValue button:active {
color: ActiveButtonText;
}
.defaultValue input[type="range"] {
-webkit-appearance: slider-horizontal;
padding: initial;
border: initial;
margin: 2px;
color: #909090;
}
.defaultValue input[type="range"]::-webkit-slider-container,
.defaultValue input[type="range"]::-webkit-media-slider-container {
flex: 1;
box-sizing: border-box;
display: flex;
align-contents: center;
}
.defaultValue input[type="range"]::-webkit-slider-runnable-track {
flex: 1;
align-self: center;
box-sizing: border-box;
display: block;
}
.defaultValue input[type="range"]::-webkit-slider-thumb,
.defaultValue input[type="range"]::-webkit-media-slider-thumb {
-webkit-appearance: sliderthumb-horizontal;
box-sizing: border-box;
display: block;
}
.defaultValue input:matches([type="button"],
.defaultValue [type="submit"],
.defaultValue [type="reset"]):disabled,
.defaultValue input[type="file"]:disabled::-webkit-file-upload-button,
.defaultValue button:disabled,
.defaultValue select:disabled,
.defaultValue keygen:disabled,
.defaultValue optgroup:disabled,
.defaultValue option:disabled,
.defaultValue select[disabled]>option {
color: GrayText;
}
.defaultValue area,
.defaultValue param {
display: none;
}
.defaultValue input[type="checkbox"] {
-webkit-appearance: checkbox;
border-radius: 5px;
width: 16px;
height: 16px;
padding: 0px;
background-color: rgba(255, 255, 255, 0.01);
}
.defaultValue select {
box-sizing: border-box;
-webkit-appearance: menulist;
border: 1px solid;
color: black;
background-color: white;
align-items: center;
white-space: pre;
-webkit-rtl-ordering: logical;
cursor: default;
}
.defaultValue optgroup {
font-weight: bolder;
}
.defaultValue option {
font-weight: normal;
}
.defaultValue output {
display: inline;
}
.defaultValue ::-webkit-validation-bubble {
display: inline-block;
z-index: 2147483647;
position: absolute;
opacity: 0.95;
line-height: 0;
margin: 0;
-webkit-text-security: none;
transition: opacity 05.5s ease;
}
.defaultValue ::-webkit-validation-bubble-message {
display: flex;
position: relative;
top: -4px;
font: message-box;
color: black;
min-width: 50px;
max-width: 200px;
border: solid 2px #400;
background: -webkit-gradient(linear, left top, left bottom, from(#f8ecec), to(#e8cccc));
padding: 8px;
border-radius: 8px;
-webkit-box-shadow: 4px 4px 4px rgba(100, 100, 100, 0.6), inset -2px -2px 1px #d0c4c4, inset 2px 2px 1px white;
line-height: normal;
white-space: normal;
z-index: 2147483644;
}
.defaultValue ::-webkit-validation-bubble-text-block {
flex: 1;
}
.defaultValue ::-webkit-validation-bubble-heading {
font-weight: bold;
}
.defaultValue ::-webkit-validation-bubble-arrow {
display: inline-block;
position: relative;
left: 32px;
width: 16px;
height: 16px;
background-color: #f8ecec;
border-width: 2px 0 0 2px;
border-style: solid;
border-color: #400;
box-shadow: inset 2px 2px 1px white;
-webkit-transform-origin: 0 0;
transform: rotate(45deg);
z-index: 2147483645;
}
.defaultValue ::-webkit-validation-bubble-arrow-clipper {
display: block;
overflow: hidden;
height: 16px;
}
.defaultValue progress {
-webkit-appearance: progress-bar;
box-sizing: border-box;
display: inline-block;
height: 1em;
width: 10em;
vertical-align: -0.2em;
}
.defaultValue progress::-webkit-progress-inner-element {
-webkit-appearance: inherit;
box-sizing: inherit;
height: 100%;
width: 100%;
}
.defaultValue progress::-webkit-progress-bar {
background-color: gray;
height: 100%;
width: 100%;
box-sizing: border-box;
}
.defaultValue progress::-webkit-progress-value {
background-color: green;
height: 100%;
width: 50%;
box-sizing: border-box;
}
.defaultValue u,
.defaultValue ins {
text-decoration: underline;
}
.defaultValue strong,
.defaultValue b {
font-weight: bold;
}
.defaultValue i,
.defaultValue cite,
.defaultValue em,
.defaultValue var,
.defaultValue address,
.defaultValue dfn {
font-style: italic;
}
.defaultValue tt,
.defaultValue code,
.defaultValue kbd,
.defaultValue samp {
font-family: monospace;
}
.defaultValue pre,
.defaultValue xmp,
.defaultValue plaintext,
.defaultValue listing {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0;
}
.defaultValue mark {
background-color: yellow;
color: black;
}
.defaultValue big {
font-size: larger;
}
.defaultValue small {
font-size: smaller;
}
.defaultValue s,
.defaultValue strike,
.defaultValue del {
text-decoration: line-through;
}
.defaultValue sub {
vertical-align: sub;
font-size: smaller;
}
.defaultValue sup {
vertical-align: super;
font-size: smaller;
}
.defaultValue nobr {
white-space: nowrap;
}
.defaultValue :focus {
outline: auto;
}
.defaultValue html:focus,
.defaultValue body:focus,
.defaultValue input[readonly]:focus,
.defaultValue applet:focus,
.defaultValue embed:focus,
.defaultValue iframe:focus,
.defaultValue object:focus {
outline: none;
}
.defaultValue input:matches([type="button"],
.defaultValue [type="checkbox"],
.defaultValue [type="file"],
.defaultValue [type="hidden"],
.defaultValue [type="image"],
.defaultValue [type="radio"],
.defaultValue [type="reset"],
.defaultValue [type="search"],
.defaultValue [type="submit"]):focus,
.defaultValue input[type="file"]:focus::-webkit-file-upload-button {
outline-offset: 0;
}
.defaultValue a:any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
.defaultValue a:any-link:active {
color: -webkit-activelink;
}
.defaultValue ruby,
.defaultValue rt {
text-indent: 0;
}
.defaultValue rt {
line-height: normal;
-webkit-text-emphasis: none;
}
.defaultValue ruby>rt {
display: block;
font-size: -webkit-ruby-text;
text-align: start;
}
.defaultValue ruby>rp {
display: none;
}
.defaultValue noframes {
display: none;
}
.defaultValue frameset,
.defaultValue frame {
display: block;
}
.defaultValue frameset {
border-color: inherit;
}
.defaultValue iframe {
border: 2px inset;
}
.defaultValue details {
display: block;
}
.defaultValue summary {
display: block;
}
.defaultValue summary::-webkit-details-marker {
display: inline-block;
width: 0.66em;
height: 0.66em;
margin-right: 0.4em;
}
.defaultValue bdi,
.defaultValue output {
unicode-bidi: -webkit-isolate;
}
.defaultValue bdo {
unicode-bidi: bidi-override;
}
.defaultValue ol li {
list-style-type: decimal;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment