4 $icon-font-path: '../../node_modules/bootstrap-sass/assets/fonts/bootstrap/';
5 @import '~bootstrap-sass/assets/stylesheets/_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';
13 @import './video-js-custom.scss';
16 display: none !important;
20 font-family: 'Source Sans Pro';
21 font-weight: $font-regular;
26 /* Force blank on readonly inputs */
27 background-color: #fff !important;
31 font-weight: $font-bold;
42 border-color: $red-error !important;
50 margin-left: $menu-width;
53 margin-left: $not-expanded-horizontal-margins;
54 margin-right: $not-expanded-horizontal-margins;
58 background-color: #F7F7F7;
64 padding-left: $not-expanded-horizontal-margins;
67 // Override some properties if the main content is expanded (no menu on the left)
72 margin-left: $expanded-horizontal-margins;
73 margin-right: $expanded-horizontal-margins;
77 padding-left: $expanded-horizontal-margins;
85 display: inline-block;
87 font-weight: $font-semibold;
88 @include disable-default-a-behaviour;
90 &.active, &.title-page-single {
91 border-bottom: 2px solid $orange-color;
92 font-weight: $font-bold;
97 &:hover, &:active, &:focus {
117 // Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
118 .glyphicon-refresh-animate {
119 -animation: spin .7s infinite linear;
120 -ms-animation: spin .7s infinite linear;
121 -webkit-animation: spinw .7s infinite linear;
122 -moz-animation: spinm .7s infinite linear;
126 from { transform: scale(1) rotate(0deg);}
127 to { transform: scale(1) rotate(360deg);}
130 @-webkit-keyframes spinw {
131 from { -webkit-transform: rotate(0deg);}
132 to { -webkit-transform: rotate(360deg);}
135 @-moz-keyframes spinm {
136 from { -moz-transform: rotate(0deg);}
137 to { -moz-transform: rotate(360deg);}
140 // ngprime data table customizations
142 font-size: 15px !important;
144 .ui-datatable-scrollable-header {
145 background-color: #fff !important;
149 border: none !important;
152 .ui-datatable-virtual-table {
153 border-top: none !important;
157 border: 1px solid #E5E5E5 !important;
158 padding-left: 15px !important;
162 background-color: #fff !important;
166 background-color: #f0f0f0 !important;
171 display: none !important;
176 border-top: none !important;
180 border-bottom: none !important;
185 border: none !important;
186 border-bottom: 1px solid #f0f0f0 !important;
187 text-align: left !important;
188 padding: 5px 0 5px 15px !important;
189 font-weight: $font-semibold !important;
190 color: #000 !important;
192 &.ui-sortable-column:hover:not(.ui-state-active) {
193 background-color: #f0f0f0 !important;
194 border: 1px solid #f0f0f0 !important;
195 border-width: 0 1px !important;
199 color: #fff !important;
200 background-color: $orange-color !important;
201 border: 1px solid $orange-color !important;
202 border-width: 0 1px !important;
207 width: 250px !important;
208 padding: 0 !important;
213 .ui-paginator-bottom {
215 border: none !important;
216 border: 1px solid #f0f0f0 !important;
219 justify-content: center;
223 color: #000 !important;
224 font-weight: $font-semibold !important;
225 margin-right: 20px !important;
226 outline: 0 !important;
227 border-radius: 3px !important;
228 padding: 5px 2px !important;
231 &, &:hover, &:active, &:focus {
232 color: #fff !important;
233 background-color: $orange-color !important;
241 // Bootstrap customizations
244 box-shadow: 0 3px 6px;
252 color: #000 !important;
267 font-size: 16px !important;
268 border: none !important;
270 .nav-item .nav-link {
274 border: none !important;
277 display: flex !important;
279 height: 30px !important;
284 color: #000 !important;
285 @include disable-default-a-behaviour;
289 background-color: #F0F0F0;
293 font-weight: $font-semibold !important;
299 @include peertube-button;
300 @include orange-button;
303 .orange-button-link {
304 @include peertube-button-link;
305 @include orange-button;
309 @include peertube-button;
310 @include grey-button;
314 @include peertube-button-link;
315 @include grey-button;
318 // On small screen, menu is absolute
319 @media screen and (max-width: 800px) {
321 width: 150px !important;
322 position: absolute !important;
340 input[type=text], input[type=password] {
341 width: 100% !important;