Skip to content

(mockup) beta channels4 for V3 by ivyclaw22

Details

Authorivyclaw22

LicenseNo License

Categoryyoutube

Created

Updated

Size2.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

quick mockup of the channels4 October beta as a userstyle

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           (mockup) beta channels4
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("www.youtube.com") {
	#page {
		padding-top: 20px
	}
	.channel-header .primary-header-contents {
		position: absolute;
		margin: 0 20px;
		padding: 8px 15px;
		padding-left: 72px;
		background: #656565;
		background: -moz-linear-gradient(top, rgba(17, 17, 17, 0.6), rgba(0, 0, 0, 0.6));
		background: -ms-linear-gradient(top, rgba(17, 17, 17, 0.6), rgba(0, 0, 0, 0.6));
		background: -o-linear-gradient(top, rgba(17, 17, 17, 0.6), rgba(0, 0, 0, 0.6));
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 17, 17, 0.6)), to(rgba(0, 0, 0, 0.6)));
		background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0.6), rgba(0, 0, 0, 0.6));
		background: linear-gradient(to bottom, rgba(17, 17, 17, 0.6), rgba(0, 0, 0, 0.6));
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
		top: 0px;
		width: calc(100% - 127px)
	}
	.channel-header .branded-page-header-title .spf-link {
		color: #fff;
		font-size: 15px;
		text-decoration: none;
		text-shadow: 0px -1px rgba(0, 0, 0, 0.5);
		overflow: hidden;
		font-weight: bold;
		line-height: normal;
	}
	.channel-header-profile-image-container{
		z-index:999999;
		left:20px;
		top: -8px;
		height: 60px;
width: 60px;
		border-radius: 2px;
	}
	.channel-header-profile-image{
		width: 60px;
height: 60px;
*border: 1px solid #ddd;
background-color: #333;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 2px 2px 2px rgba(0,0,0,0.1);
-ms-box-shadow: 0 2px 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0 2px 2px 2px rgba(0,0,0,0.1);
	}
	.branded-page-v2-primary-col .branded-page-module-title-v2{
		font-size: 11px;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 8px;
padding-bottom: 6px;
border-bottom: 1px solid #ccc;
*zoom: 1;
		height:auto;
	}
	.branded-page-module-title-v2 .branded-page-module-title-text-v2{
		color: #333;
		font-size: 11px;
font-weight: bold;
text-transform: uppercase;
	}
	#channel-subheader {
  margin: 9px 0 30px;
  border-bottom: 1px solid #ccc;
}
	.branded-page-v2-primary-col {
  border: 1px solid #e2e2e2;
  background-color: #fff;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
}

Reviews

No reviews yet.