django/static/css/style.css

body {
    margin:0px;
    background-color: #FFFFFF;
}

.color-black{
    color:#000000;
}

.cursor{
    cursor: pointer;
}

.n{
    display:none;
}

.fl{
    float:left;
}
.fr{
    float:right;
}

.v-inline-middle{
    display:inline-block;
    vertical-align: middle;
}

#v-content{
    padding-top:5.2em;
}

#v-account-body{
    background-color: #DADADA;
}
#v-account-body > .grid{
    height: 100%;
}

.ui.menu .item img.logo {
    margin-right: 0.66rem;
}

.ui.footer.segment {
    margin: 2em 0em 0em;
    padding: 1em 0em;
}

.v-account  {
  max-width: 450px;
}

.video{ 
      width: 100%;
      height: auto; 
}

.v-video-search{ 
    margin-right: 3em;
    width: 30%;
}

.v-video-search i{
    cursor: pointer;
}

.v-container-top{
    height: 5.66em;
}

.v-header-extra{  
    position: relative; 
    width:100%;
    text-align: right;    
    padding-top: 0.60rem;
}  
 
.v-play-icon{
    position: absolute; 
    left: 1.0rem;
    bottom: 1.0rem;
    color: #fff;
}

.ui .card .image{
    cursor: pointer;
}
 

.v-icon{
    float: left;
}
 
.video-duration{
	position: absolute; 
	bottom: 0px;
    left: 4px; 
    color: #fff;
}

.header-title{
	margin-top: 30px;
	font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.28571429em;
    color: rgba(0, 0, 0, 0.85);
}

.video-title{
    color: var(--yt-primary-text-color);
    font-size: 1.28em;
    font-weight: 400;
    line-height: 1em;
    -ms-flex: 1 1 0.000000001px;
    -webkit-flex: 1;
    flex: 1; 
}

.video-side-title{
    color: var(--yt-primary-text-color);
    font-size: 1.28em;
    font-weight: 400;
    line-height: 1em;
    -ms-flex: 1 1 0.000000001px;
    -webkit-flex: 1;
    flex: 1; 
}

.video-view-count{
    margin-top: 16px;
    color: #888888;
}

.video-view-operation{
    margin-top: 16px;
    color: #888888;
}

.video-info{
    margin-top: 20px;
}

.video-page{
    display: block;
    margin:1.28em;
    text-align: center;
}

.v-settings{
    margin-top: 40px;
}

.v-settings-side{
    border-right: 1px solid #e3e3e3;
}

.v-settings-content .form{
    margin:0em auto;
    width: 400px;
}

.v-settings-nav{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 185px;
    min-height: 350px;
    margin-right: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.v-settings-avatar{
    display:inline-block;
    float:left;
    cursor:pointer;
}

.v-nav-title{
    margin-left:1.0em;
}

.v-form-field{
    padding-top:1em;
    padding-bottom:1em;
    vertical-align:middle;
}

.v-form-fix-avatar{
    padding:2em;
}

.v-header-avatar{
line-height:34px;
color:#000;
}

.del {
 width:100px;
 height: 40px;
 position: absolute;
 right: 40px;
}