feat: Add comprehensive documentation suite and reorganize project structure
- Created complete documentation in docs/ directory - Added PROJECT_OVERVIEW.md with feature highlights and getting started guide - Added ARCHITECTURE.md with system design and technical details - Added SECURITY.md with comprehensive security implementation guide - Added DEVELOPMENT.md with development workflows and best practices - Added DEPLOYMENT.md with production deployment instructions - Added API.md with complete REST API documentation - Added CONTRIBUTING.md with contribution guidelines - Added CHANGELOG.md with version history and migration notes - Reorganized all documentation files into docs/ directory for better organization - Updated README.md with proper documentation links and quick navigation - Enhanced project structure with professional documentation standards
This commit is contained in:
SamiAhmed7777
149
f_scripts/shared/videojs/videojs-skin-twitchy.css
Normal file
149
f_scripts/shared/videojs/videojs-skin-twitchy.css
Normal file
@@ -0,0 +1,149 @@
|
||||
@charset "UTF-8";
|
||||
.vjs-skin-twitchy {
|
||||
color: #e6e6e6;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-big-play-button {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translateY(-50%) translateX(-50%);
|
||||
-moz-transform: translateY(-50%) translateX(-50%);
|
||||
-ms-transform: translateY(-50%) translateX(-50%);
|
||||
-webkit-transform: translateY(-50%) translateX(-50%);
|
||||
border: none;
|
||||
background-color: #1B1D1F;
|
||||
background-color: rgba(27, 29, 31, 0.9);
|
||||
}
|
||||
.vjs-skin-twitchy:hover .vjs-big-play-button,
|
||||
.vjs-skin-twitchy .vjs-big-play-button:focus {
|
||||
background-color: #33373a;
|
||||
background-color: rgba(51, 55, 58, 0.9);
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-control-bar {
|
||||
background-color: #1B1D1F;
|
||||
/* Fallback Color */
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#4a5056), to(#1B1D1F));
|
||||
/* Saf4+, Chrome */
|
||||
background-image: -webkit-linear-gradient(top, #4a5056, #1B1D1F);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #4a5056, #1B1D1F);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #4a5056, #1B1D1F);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #4a5056, #1B1D1F);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(top, #4a5056, #1B1D1F);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4a5056', EndColorStr='#1B1D1F');
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-play-control {
|
||||
width: 2.5em;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-time-controls {
|
||||
-webkit-box-ordinal-group: 9;
|
||||
-moz-box-ordinal-group: 9;
|
||||
-ms-flex-order: 9;
|
||||
-webkit-order: 9;
|
||||
order: 9;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-current-time, .vjs-skin-twitchy .vjs-no-flex .vjs-current-time {
|
||||
display: block;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-duration, .vjs-skin-twitchy .vjs-no-flex .vjs-duration {
|
||||
display: block;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-time-divider {
|
||||
display: block;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-slider {
|
||||
background-color: #1B1D1F;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-slider {
|
||||
margin: 0;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-control.vjs-progress-control {
|
||||
height: 0.3em;
|
||||
width: 100%;
|
||||
}
|
||||
.vjs-skin-twitchy:hover .vjs-control.vjs-progress-control {
|
||||
height: 3em;
|
||||
top: -3em;
|
||||
}
|
||||
.vjs-skin-twitchy:hover .vjs-control.vjs-progress-control .vjs-play-progress, .vjs-skin-twitchy:hover .vjs-control.vjs-progress-control .vjs-load-progress {
|
||||
height: 3em;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-progress-control {
|
||||
display: border-box;
|
||||
position: absolute;
|
||||
top: -0.3em;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-load-progress div {
|
||||
background: #333333;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-load-progress {
|
||||
background: #333333;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-play-progress {
|
||||
background-color: #b99beb;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-progress-control:hover .vjs-progress-holder {
|
||||
font-size: 1em;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-play-progress:before {
|
||||
display: none;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-progress-holder {
|
||||
height: 100%;
|
||||
-webkit-transition: height 0.5s;
|
||||
-moz-transition: height 0.5s;
|
||||
-ms-transition: height 0.5s;
|
||||
-o-transition: height 0.5s;
|
||||
transition: height 0.5s;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-progress-control:hover .vjs-mouse-display, .vjs-skin-twitchy .vjs-progress-control:hover .vjs-mouse-display:after, .vjs-skin-twitchy .vjs-progress-control:hover .vjs-play-progress:after {
|
||||
display: none;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-volume-bar.vjs-slider-horizontal {
|
||||
width: 5em;
|
||||
height: 0.3em;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-volume-level {
|
||||
background-color: #b99beb;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
|
||||
width: 100%;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-handle {
|
||||
left: 4.3em;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-mute-control {
|
||||
width: 2.5em;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-volume-bar .vjs-volume-handle:before {
|
||||
font-size: 2em;
|
||||
top: -0.35em;
|
||||
left: -0.1em;
|
||||
content: "▮";
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-custom-control-spacer {
|
||||
display: flex;
|
||||
-webkit-box-flex: auto;
|
||||
-moz-box-flex: auto;
|
||||
-webkit-flex: auto;
|
||||
-ms-flex: auto;
|
||||
flex: auto;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-fullscreen-control {
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
-webkit-box-ordinal-group: 10;
|
||||
-moz-box-ordinal-group: 10;
|
||||
-ms-flex-order: 10;
|
||||
-webkit-order: 10;
|
||||
order: 10;
|
||||
}
|
||||
.vjs-skin-twitchy .vjs-fullscreen-control:before {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=videojs-skin-twitchy.css.map */
|
||||
Reference in New Issue
Block a user