added audioplayer contrib module
This commit is contained in:
Bachir Soussi Chiadmi
@@ -0,0 +1,189 @@
|
||||
body {
|
||||
line-height: 1.6;
|
||||
}
|
||||
.content {
|
||||
max-width: 65em;
|
||||
padding: 15px 5%;
|
||||
}
|
||||
.content > div {
|
||||
margin-bottom: 4em;
|
||||
}
|
||||
.self-detail {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
/* detail */
|
||||
.content .detail > div {
|
||||
margin-left: 0;
|
||||
}
|
||||
.content .detail h4 + :not(pre) {
|
||||
margin-left: 0;
|
||||
}
|
||||
.content .detail {
|
||||
margin-top: 2em;
|
||||
}
|
||||
.content .detail + .detail {
|
||||
border-top: 1px solid #f5f5f5;
|
||||
}
|
||||
.content .detail + .detail h3 {
|
||||
padding-top: 3em;
|
||||
}
|
||||
.content .detail > h3 {
|
||||
color: #4d4e53;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* table styling */
|
||||
table.params tr:hover td,
|
||||
table.summary tr:hover td {
|
||||
background: #F5F5F5;
|
||||
}
|
||||
table.params td,
|
||||
table.summary td {
|
||||
border: 2px solid #fff;
|
||||
background: #FAFAFA;
|
||||
padding: 0.25em;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
table.summary thead {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* Property tables should follow some sort of grid */
|
||||
div[data-ice="properties"] td:nth-child(1) {
|
||||
width: 10% !important;
|
||||
}
|
||||
div[data-ice="properties"] td:nth-child(2),
|
||||
div[data-ice="properties"] td:nth-child(3) {
|
||||
width: 20% !important;
|
||||
}
|
||||
div[data-ice="properties"] td:nth-child(4) {
|
||||
width: 50% !important;
|
||||
}
|
||||
|
||||
/* headings */
|
||||
h1,
|
||||
.github-markdown h1 a {
|
||||
font-weight: normal;
|
||||
border-bottom: 0;
|
||||
margin-bottom: 1.5em;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
h2,
|
||||
.github-markdown h2 {
|
||||
font-size: 1.5rem;
|
||||
border-bottom: 0;
|
||||
border-top: 4px solid #f5f5f5;
|
||||
padding-top: 1em;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.25em;
|
||||
background: transparent;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h3 [data-ice="name"] {
|
||||
font-weight: 600;
|
||||
}
|
||||
h4,
|
||||
table.summary thead {
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.75rem;
|
||||
letter-spacing: 0.075em;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
/* misc & type */
|
||||
.access {
|
||||
font-style: italic;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.abstract {
|
||||
font-style: italic;
|
||||
color: #009800;
|
||||
}
|
||||
*[data-ice="appendix"] li {
|
||||
margin: 0;
|
||||
}
|
||||
p {
|
||||
line-height: inherit;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
/* links */
|
||||
a,
|
||||
.inherited-summary thead a {
|
||||
color: #528DD9;
|
||||
border-bottom: 1px solid #DDEBFE;
|
||||
}
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active,
|
||||
.inherited-summary thead a:hover,
|
||||
.inherited-summary thead a:focus,
|
||||
.inherited-summary thead a:active {
|
||||
color: #4271ae;
|
||||
border-bottom-color: #4271ae;
|
||||
}
|
||||
|
||||
/* sidebar */
|
||||
.navigation {
|
||||
border: 0;
|
||||
}
|
||||
.navigation li a {
|
||||
border: 0;
|
||||
}
|
||||
.navigation li a:hover,
|
||||
.navigation li a:focus,
|
||||
.navigation li a:active {
|
||||
color: #333;
|
||||
}
|
||||
.navigation *[data-ice="kind"] {
|
||||
line-height: 1.25em;
|
||||
}
|
||||
|
||||
/* active state for sections */
|
||||
.inner-link-active {
|
||||
background: transparent;
|
||||
}
|
||||
.inner-link-active::before {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0.5em;
|
||||
width: 0.5em;
|
||||
background: #009800;
|
||||
position: absolute;
|
||||
left: -1.5em;
|
||||
top: 0.5em;
|
||||
}
|
||||
/* position for other than the first detail container */
|
||||
.content .detail + .detail .inner-link-active::before {
|
||||
top: 3.5em;
|
||||
}
|
||||
|
||||
/* search */
|
||||
.search-box.active .search-input-edge {
|
||||
display: none;
|
||||
}
|
||||
.search-box {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.search-result {
|
||||
height: auto;
|
||||
max-height: 90vh;
|
||||
white-space: normal;
|
||||
box-shadow: -2px 5px 10px rgba(0,0,0,.05);
|
||||
border: 1px solid #ddd;
|
||||
border-top: 0;
|
||||
}
|
||||
.search-result li a {
|
||||
border: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.search-result li.search-separator {
|
||||
background: #4d4e53;
|
||||
}
|
||||
@@ -0,0 +1,140 @@
|
||||
/*!
|
||||
* "Fork me on GitHub" CSS ribbon v0.1.1 | MIT License
|
||||
* https://github.com/simonwhitaker/github-fork-ribbon-css
|
||||
*/
|
||||
|
||||
/* Left will inherit from right (so we don't need to duplicate code) */
|
||||
.github-fork-ribbon {
|
||||
/* The right and left classes determine the side we attach our banner to */
|
||||
position: absolute;
|
||||
|
||||
/* Add a bit of padding to give some substance outside the "stitching" */
|
||||
padding: 2px 0;
|
||||
|
||||
/* Set the base colour */
|
||||
background-color: #a00;
|
||||
|
||||
/* Set a gradient: transparent black at the top to almost-transparent black at the bottom */
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
|
||||
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
|
||||
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
|
||||
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
|
||||
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
|
||||
|
||||
/* Add a drop shadow */
|
||||
-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
|
||||
|
||||
/* Set the font */
|
||||
font: 700 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
|
||||
z-index: 9999;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.github-fork-ribbon a,
|
||||
.github-fork-ribbon a:hover {
|
||||
/* Set the text properties */
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
|
||||
text-align: center;
|
||||
|
||||
/* Set the geometry. If you fiddle with these you'll also need
|
||||
to tweak the top and right values in .github-fork-ribbon. */
|
||||
width: 200px;
|
||||
line-height: 20px;
|
||||
|
||||
/* Set the layout properties */
|
||||
display: inline-block;
|
||||
padding: 2px 0;
|
||||
|
||||
/* Add "stitching" effect */
|
||||
border-width: 1px 0;
|
||||
border-style: dotted;
|
||||
border-color: #fff;
|
||||
border-color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.github-fork-ribbon-wrapper {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
z-index: 9999;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.github-fork-ribbon-wrapper.fixed {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.github-fork-ribbon-wrapper.left {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.github-fork-ribbon-wrapper.right {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.github-fork-ribbon-wrapper.left-bottom {
|
||||
position: fixed;
|
||||
top: inherit;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.github-fork-ribbon-wrapper.right-bottom {
|
||||
position: fixed;
|
||||
top: inherit;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.github-fork-ribbon-wrapper.right .github-fork-ribbon {
|
||||
top: 42px;
|
||||
right: -43px;
|
||||
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.github-fork-ribbon-wrapper.left .github-fork-ribbon {
|
||||
top: 42px;
|
||||
left: -43px;
|
||||
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
|
||||
.github-fork-ribbon-wrapper.left-bottom .github-fork-ribbon {
|
||||
top: 80px;
|
||||
left: -43px;
|
||||
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.github-fork-ribbon-wrapper.right-bottom .github-fork-ribbon {
|
||||
top: 80px;
|
||||
right: -43px;
|
||||
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
@@ -0,0 +1,110 @@
|
||||
/* Space out content a bit */
|
||||
body {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
/* Everything but the jumbotron gets side spacing for mobile first views */
|
||||
.header,
|
||||
.marketing,
|
||||
.footer {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
/* Custom page header */
|
||||
.header {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
/* Make the masthead heading the same height as the navigation */
|
||||
.header h3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
line-height: 40px;
|
||||
padding-bottom: 19px;
|
||||
}
|
||||
|
||||
/* Custom page footer */
|
||||
.footer {
|
||||
padding-top: 19px;
|
||||
color: #777;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
/* Customize container */
|
||||
@media (min-width: 1024px) {
|
||||
.container {
|
||||
max-width: 900px;
|
||||
}
|
||||
}
|
||||
|
||||
.container-narrow > hr {
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
/* Supporting marketing content */
|
||||
.marketing {
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
.marketing p + h4 {
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
/* Responsive: Portrait tablets and up */
|
||||
@media screen and (min-width: 768px) {
|
||||
/* Remove the padding we set earlier */
|
||||
.header,
|
||||
.marketing,
|
||||
.footer {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
/* Space out the masthead */
|
||||
.header {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.controls {
|
||||
padding: 30px 0 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.controls .btn {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 990px) {
|
||||
.controls .mark-controls {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
.lead {
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#waveform {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#progress-bar {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
top: 50%;
|
||||
margin-top: -10px;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
#drop {
|
||||
border: 3px dashed #ddd;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
#drop.wavesurfer-dragover {
|
||||
border-color: #333;
|
||||
}
|
||||
Reference in New Issue
Block a user