4 $icon-font-path: '../../node_modules/bootstrap-sass/assets/fonts/bootstrap/';
7 $FontPathSourceSansPro: '../../node_modules/npm-font-source-sans-pro/fonts';
8 @import '~npm-font-source-sans-pro/source-sans-pro';
10 @import '~primeng/resources/themes/bootstrap/theme.css';
11 @import '~primeng/resources/primeng.css';
12 @import '~video.js/dist/video-js.css';
14 @import './video-js-custom';
15 @import './loading-bar';
18 display: none !important;
22 font-family: $main-fonts;
23 font-weight: $font-regular;
28 font-weight: $font-semibold;
32 /* Force blank on readonly inputs */
33 background-color: #fff !important;
37 font-weight: $font-bold;
48 border-color: $red-error !important;
56 margin-left: $menu-width;
59 margin-left: $not-expanded-horizontal-margins;
60 margin-right: $not-expanded-horizontal-margins;
64 background-color: #F7F7F7;
70 padding-left: $not-expanded-horizontal-margins;
73 // Override some properties if the main content is expanded (no menu on the left)
78 margin-left: $expanded-horizontal-margins;
79 margin-right: $expanded-horizontal-margins;
83 padding-left: $expanded-horizontal-margins;
91 display: inline-block;
93 font-weight: $font-semibold;
94 @include disable-default-a-behaviour;
96 &.active, &.title-page-single {
97 border-bottom: 2px solid $orange-color;
98 font-weight: $font-bold;
103 &:hover, &:active, &:focus {
123 // Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
124 .glyphicon-refresh-animate {
125 animation: spin .7s infinite linear;
129 from { transform: scale(1) rotate(0deg);}
130 to { transform: scale(1) rotate(360deg);}
133 // ngprime data table customizations
135 font-size: 15px !important;
137 .ui-datatable-scrollable-header {
138 background-color: #fff !important;
142 border: none !important;
145 .ui-datatable-virtual-table {
146 border-top: none !important;
150 border: 1px solid #E5E5E5 !important;
151 padding-left: 15px !important;
152 overflow: hidden !important;
153 text-overflow: ellipsis !important;
154 white-space: nowrap !important;
158 background-color: #fff !important;
162 background-color: #f0f0f0 !important;
167 display: none !important;
172 border-top: none !important;
176 border-bottom: none !important;
181 border: none !important;
182 border-bottom: 1px solid #f0f0f0 !important;
183 text-align: left !important;
184 padding: 5px 0 5px 15px !important;
185 font-weight: $font-semibold !important;
186 color: #000 !important;
188 &.ui-sortable-column:hover {
189 background-color: #f0f0f0 !important;
190 border: 1px solid #f0f0f0 !important;
191 border-width: 0 1px !important;
194 border-width: 0 1px 0 0 !important;
199 background-color: #fff !important;
206 @extend .glyphicon-triangle-top;
210 @extend .glyphicon-triangle-bottom;
217 width: 250px !important;
218 padding: 0 !important;
223 .ui-paginator-bottom {
225 border: none !important;
226 border: 1px solid #f0f0f0 !important;
229 justify-content: center;
233 color: #000 !important;
234 font-weight: $font-semibold !important;
235 margin-right: 20px !important;
236 outline: 0 !important;
237 border-radius: 3px !important;
238 padding: 5px 2px !important;
241 &, &:hover, &:active, &:focus {
242 color: #fff !important;
243 background-color: $orange-color !important;
251 // Bootstrap customizations
254 box-shadow: 0 3px 6px;
262 color: #000 !important;
273 font-weight: $font-semibold;
282 background-image: url('../assets/images/global/cross.svg');
291 .action-button-cancel {
292 @include peertube-button;
293 @include grey-button;
295 display: inline-block;
299 .action-button-submit {
300 @include peertube-button;
301 @include orange-button;
306 tabset:not(.bootstrap) {
308 font-size: 16px !important;
309 border: none !important;
311 .nav-item .nav-link {
315 border: none !important;
318 display: flex !important;
320 min-height: 30px !important;
325 color: #000 !important;
326 @include disable-default-a-behaviour;
330 background-color: #F0F0F0;
334 font-weight: $font-semibold !important;
341 .nav-item .nav-link {
344 @include disable-default-a-behaviour;
350 @include peertube-button;
351 @include orange-button;
354 .orange-button-link {
355 @include peertube-button-link;
356 @include orange-button;
360 @include peertube-button;
361 @include grey-button;
365 @include peertube-button-link;
366 @include grey-button;
369 // In tables, don't have a hover different background
371 .action-button-edit, .action-button-delete {
372 &:hover, &:active, &:focus, &[disabled], &.disabled {
373 background-color: $grey-color !important;
378 @media screen and (max-width: 900px) {
393 // On small screen, menu is absolute
394 @media screen and (max-width: 600px) {
396 width: 100% !important;
397 position: absolute !important;
415 input[type=text], input[type=password] {
416 width: 100% !important;
421 bs-dropdown-container {