mirror of
https://github.com/GoogleChrome/chrome-extensions-samples.git
synced 2026-03-27 13:29:34 +07:00
5bf419b385
* Remove docs folder. This was a redirect from a GitHub pages site that does not appear to be in use. * Rename api folder to api-samples. * Move examples to functional-samples folder. * Move cookbook sample to functional-samples. * Move tutorials to functional-samples folder. * Move mv2 and apps folders to _archive. * Rename tools folder to .repo. * Move reference folder to functional-samples. * Update README. Update README with new relative links for reorg. * Update README.md Co-authored-by: amysteamdev <37001393+AmySteam@users.noreply.github.com> --------- Co-authored-by: amysteamdev <37001393+AmySteam@users.noreply.github.com>
84 lines
1.2 KiB
CSS
84 lines
1.2 KiB
CSS
body {
|
|
background-color: #f8f8f8;
|
|
font-family: "helvetica neue", helvetica, sans-serif;
|
|
font-size: 16px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
label {
|
|
display: block;
|
|
padding: 20px;
|
|
border-bottom: solid 1px #ddd;
|
|
border-right: solid 1px #ddd;
|
|
width: 300px;
|
|
}
|
|
|
|
label {
|
|
color: #999;
|
|
}
|
|
|
|
#port-picker,
|
|
#status {
|
|
color: #000;
|
|
}
|
|
|
|
#port-picker {
|
|
max-width: 250px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#position-input {
|
|
display: block;
|
|
-webkit-appearance:none !important;
|
|
width: 90%;
|
|
margin: 20px auto;
|
|
height: 6px;
|
|
background: rgb(13, 168, 97);
|
|
}
|
|
|
|
#position-input::-webkit-slider-thumb {
|
|
-webkit-appearance:none !important;
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 15px;
|
|
background: rgb(67, 135, 253);
|
|
}
|
|
|
|
#image {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: -10px;
|
|
background-image: url(chrome-logo.svg);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
width: 256px;
|
|
height: 256px;
|
|
-webkit-transition: all .2s linear;
|
|
}
|
|
|
|
#container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 640px;
|
|
}
|
|
|
|
#tv {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 640px;
|
|
height: 480px;
|
|
border-left: solid 1px #ddd;
|
|
}
|
|
|
|
#tv video,
|
|
#tv img {
|
|
display: none;
|
|
}
|
|
|
|
#tv.working video,
|
|
#tv.broken img {
|
|
display: block;
|
|
} |