1 $FontPathSourceSansPro: "../fonts/source-sans-pro";
2 @import '~source-sans-pro/source-sans-pro';
3 @import '~primeng/resources/themes/bootstrap/theme.css';
4 @import '~primeng/resources/primeng.css';
5 @import '~video.js/dist/video-js.css';
6 @import './video-js-custom.scss';
9 display: none !important;
13 font-family: 'Source Sans Pro';
14 font-weight: $font-regular;
19 /* Force blank on readonly inputs */
20 background-color: #fff !important;
24 font-weight: $font-bold;
35 border-color: $red-error !important;
43 margin-left: $menu-width;
46 margin-left: $not-expanded-horizontal-margins;
47 margin-right: $not-expanded-horizontal-margins;
51 background-color: #F7F7F7;
57 padding-left: $not-expanded-horizontal-margins;
60 // Override some properties if the main content is expanded (no menu on the left)
65 margin-left: $expanded-horizontal-margins;
66 margin-right: $expanded-horizontal-margins;
70 padding-left: $expanded-horizontal-margins;
78 display: inline-block;
80 font-weight: $font-semibold;
81 @include disable-default-a-behaviour;
83 &.active, &.title-page-single {
84 border-bottom: 2px solid $orange-color;
85 font-weight: $font-bold;
90 &:hover, &:active, &:focus {
110 // Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
111 .glyphicon-refresh-animate {
112 -animation: spin .7s infinite linear;
113 -ms-animation: spin .7s infinite linear;
114 -webkit-animation: spinw .7s infinite linear;
115 -moz-animation: spinm .7s infinite linear;
119 from { transform: scale(1) rotate(0deg);}
120 to { transform: scale(1) rotate(360deg);}
123 @-webkit-keyframes spinw {
124 from { -webkit-transform: rotate(0deg);}
125 to { -webkit-transform: rotate(360deg);}
128 @-moz-keyframes spinm {
129 from { -moz-transform: rotate(0deg);}
130 to { -moz-transform: 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;
155 background-color: #fff !important;
159 background-color: #f0f0f0 !important;
164 display: none !important;
169 border-top: none !important;
173 border-bottom: none !important;
178 border: none !important;
179 border-bottom: 1px solid #f0f0f0 !important;
180 text-align: left !important;
181 padding: 5px 0 5px 15px !important;
182 font-weight: $font-semibold !important;
183 color: #000 !important;
185 &.ui-sortable-column:hover:not(.ui-state-active) {
186 background-color: #f0f0f0 !important;
187 border: 1px solid #f0f0f0 !important;
188 border-width: 0 1px !important;
192 color: #fff !important;
193 background-color: $orange-color !important;
194 border: 1px solid $orange-color !important;
195 border-width: 0 1px !important;
200 width: 250px !important;
201 padding: 0 !important;
206 .ui-paginator-bottom {
208 border: none !important;
209 border: 1px solid #f0f0f0 !important;
212 justify-content: center;
216 color: #000 !important;
217 font-weight: $font-semibold !important;
218 margin-right: 20px !important;
219 outline: 0 !important;
220 border-radius: 3px !important;
221 padding: 5px 2px !important;
224 &, &:hover, &:active, &:focus {
225 color: #fff !important;
226 background-color: $orange-color !important;
234 // Bootstrap customizations
237 box-shadow: 0 3px 6px;
245 color: #000 !important;
260 font-size: 16px !important;
261 border: none !important;
263 .nav-item .nav-link {
267 border: none !important;
270 display: flex !important;
272 height: 30px !important;
277 color: #000 !important;
278 @include disable-default-a-behaviour;
282 background-color: #F0F0F0;
286 font-weight: $font-semibold !important;
292 @include peertube-button;
293 @include orange-button;
296 .orange-button-link {
297 @include peertube-button-link;
298 @include orange-button;
302 @include peertube-button;
303 @include grey-button;
307 @include peertube-button-link;
308 @include grey-button;
311 // On small screen, menu is absolute
312 @media screen and (max-width: 800px) {
314 width: 150px !important;
315 position: absolute !important;
333 input[type=text], input[type=password] {
334 width: 100% !important;