Invidious.user.styl

/* ==UserStyle==
@name         Big Player Invidious
@version      0.2
@namespace    palash.dev
@homepageURL  https://github.dev/debpalash/Invidious-fullwidth.css
@description  A simple re-style for Invidius instances. instances: https://api.invidious.io/
@author       palash.dev https://github.com/debpalash/
@preprocessor   stylus
@license      MIT
==/UserStyle== */
@-moz-document url-prefix("https://tube.i.palash.dev") {
    h1,a {
        font-family:"Fira Code";
        
    }
    hr{
        display:none
    }
    p{
         font-family:"Calibri";
    }
	.navbar {
		margin: 5px;
		padding: 2px;
	}
    .feed-menu{
        padding-top:20px;
    }
    div.pure-g:nth-child(3){
        justify-content:center;
    }
    div.pure-u-1{
        border: 2px dolid red;
    }
    div.pure-md-1-3{
        width: 100%;
        display:contents;
        text-align:center;
        margin:0px auto;
    }
    .pure-u-1-3 .pure-u-8-24 {
        width: 100%;
    }
    .pure-u-1-3 > div:nth-child(1){
        display:block-ruby;
            
    }
    .pure-u-2-3{
        display:none
    }
    div.pure-md-1-3> a{
        margin:10px 25px 10px 10px;
    }

	#searchbox {
		border-radius: 5px;
		background-color: #0000004d;
		position: fixed;
		width: 35%;
		margin: 0 auto;
		top: 2px;
		z-index: 100;
        font-size:20px;
	}
    #searchbox:hover{
        border-radius:3px dotted #63050587;
        background: #0ab8bb99;
        color: #fff
    }
	#player-container {
    color: white;
		width: 100%;
		padding: 0;
		margin: 0;
	}
    .pure-u-1 .pure-u-md-1-4{
        background-color: #2e825069;
    }
    .thumbnail{
        border-radius: 5px;
    }
	.player-dimensions.vjs-fluid {
		padding-top: 45.86% !important;
	}

	#player-container {
		padding-bottom: 45.86% !important;
	}



	.player-dimensions.vjs-fluid {
		padding-top: 49.06% !important;
	}

	#player-container {
		padding-bottom: 47.66% !important
	}


	pure-u-md-2-24 {
		display: none;
	}

	#player {
		width: 100%;
		height: fit-content;
		background-color: #000;
	}

	#player-container {
		width: 99%;
		padding: 0;
		margin: 0 auto;
	}
	@media only screen and (max-aspect-ratio: 16/9) {
		.player-dimensions.vjs-fluid {
			padding-top: 55.86% !important;
		}

		#player-container {
			padding-bottom: 45.86% !important;
		}
	}

	@media only screen and (max-aspect-ratio: 16/9) {
		.player-dimensions.vjs-fluid {
			padding-top: 55.86% !important;
		}

		#player-container {
			padding-bottom: 55.86% !important;
		}
	}

	.pure-u-md-2-24 {
		display: none;
		width: 0;
	}
	#contents {
		display: block;
		margin: 0 auto;
		padding: 0;
	}

	.video-js .vjs-tech {
		position: absolute;
	}

	body.dark-theme {
		background-color: rgba(35, 35, 35, 1);
		color: #636464;
		font-family: Monolisa;
	}

	.pure-u-md-20-24,
	.pure-u-md-5-6 {
		width: 99vw;
	}
}
/* moz end */