-my-loader {
- display: block;
- padding-top: 200px;
+#video-container {
width: 100%;
+ height: 100%;
+}
+
+#video-not-found {
+ height: 300px;
+ line-height: 300px;
+ margin-top: 50px;
text-align: center;
+ font-weight: bold;
}
.embed-responsive {
height: 300px;
}
}
+
+#video-info {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
+ margin-top: 10px;
+ padding-top: 5px;
+
+ #video-name-actions {
+
+ #video-name {
+ font-size: 20px;
+ }
+
+ .btn .glyphicon {
+ position: relative;
+ top: 2px;
+ }
+
+ #rates {
+ display: inline-block;
+ margin-right: 20px;
+
+ // Remove focus style
+ .btn:focus {
+ outline: 0;
+ }
+
+ .activated-btn {
+ color: #333;
+ background-color: #e6e6e6;
+ border-color: #8c8c8c;
+ }
+
+ .not-interactive-btn {
+ cursor: default;
+
+ &:hover, &:focus, &:active {
+ color: #333;
+ background-color: #fff;
+ border-color: #ccc;
+ box-shadow: none;
+ outline: 0;
+ }
+ }
+ }
+
+ #share, #more {
+ font-weight: bold;
+ opacity: 0.85;
+ }
+
+ #more-menu .dropdown-item .glyphicon {
+ margin-right: 5px;
+ }
+ }
+
+ #video-by-date {
+ font-size: 13px;
+ opacity: 0.6;
+
+ a {
+ color: black;
+ }
+
+ #video-date:before {
+ content: '\002022';
+ margin: 0 5px;
+ }
+ }
+
+ #video-tags-views {
+ margin-top: 10px;
+
+ a {
+ margin-right: 5px;
+ }
+
+ #video-views {
+ font-weight: bold;
+ }
+ }
+
+ #video-category {
+ margin-top: 10px;
+
+ #category-label {
+ font-weight: bold;
+ }
+ }
+
+ #video-licence #licence-label {
+ font-weight: bold;
+ }
+
+ #video-description {
+ margin-top: 10px;
+
+ #description-label {
+ font-weight: bold;
+ }
+ }
+}