154 lines
No EOL
2.2 KiB
CSS
154 lines
No EOL
2.2 KiB
CSS
.channelContianer{
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.coverContainer{
|
|
position: relative;
|
|
padding-bottom: 65px;
|
|
}
|
|
|
|
.channelCover img{
|
|
width: 100%;
|
|
height: 300px;
|
|
}
|
|
|
|
.userPhotoContainer{
|
|
position: absolute;
|
|
top: 180px;
|
|
left: 60px;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.userPhotoContainer > div{
|
|
overflow: hidden;
|
|
padding: 10px 10px 18px;
|
|
}
|
|
|
|
.userPhotoContainer .userPhoto{
|
|
float: left;
|
|
width: 160px;
|
|
height: 160px;
|
|
background-color: #fff;
|
|
border-radius: 90px;
|
|
border: solid 1px #555;
|
|
box-shadow: 1px 1px 10px 0px #222;
|
|
padding: 2px;
|
|
}
|
|
|
|
.userPhotoContainer .userPhoto img{
|
|
width: 100%;
|
|
border-radius: 90px;
|
|
}
|
|
|
|
.userPhotoContainer .userInfo{
|
|
float: left;
|
|
line-height: 180px;
|
|
font-size: 2em;
|
|
padding-left: 10px;
|
|
position: relative;
|
|
}
|
|
|
|
.userPhotoContainer .userInfo a{
|
|
color: #444;
|
|
background-color: #fff;
|
|
padding: 8px;
|
|
position: relative;
|
|
bottom: 10px;
|
|
left: 0px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* featured pic */
|
|
.featuredContainer{
|
|
/*background-color: #77ff22;*/
|
|
/* padding: 2px;*/
|
|
margin-bottom: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.featuredContainer h3{
|
|
position: absolute;
|
|
background-color: #fff;
|
|
bottom: 0px;
|
|
padding: 10px;
|
|
opacity: 0.7;
|
|
letter-spacing: 5px;
|
|
border-radius: 0 3px 3px 0;
|
|
font-size: 2em;
|
|
}
|
|
|
|
.featuredContainer > a{
|
|
display: block;
|
|
}
|
|
|
|
.featuredContainer img{
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
/* channel tabs menu */
|
|
.channelTabs{
|
|
/*border-top: solid 4px #bbb;*/
|
|
border-bottom: solid 2px #bbb;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.channelTabs ul{
|
|
list-style: none;
|
|
margin: 0;
|
|
padding-left: 0;
|
|
padding-bottom: 0px;
|
|
position: relative;
|
|
}
|
|
|
|
.channelTabs li{
|
|
float: left;
|
|
margin-right: 10px;
|
|
border-bottom: solid 5px transparent;
|
|
}
|
|
|
|
.channelTabs li.active{
|
|
border-bottom: solid 5px #2BA9D3;
|
|
}
|
|
|
|
.channelTabs li > a{
|
|
display: block;
|
|
color: #222;
|
|
font-weight: bold;
|
|
padding: 10px 10px 5px;
|
|
}
|
|
|
|
/* channel user menu */
|
|
.channelUserMenu{
|
|
|
|
}
|
|
|
|
.channelUserMenu ul{
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.channelUserMenu > ul > li{
|
|
margin: 0;
|
|
/*background-color: #ccc;*/
|
|
border-bottom: solid 1px #aaa;
|
|
}
|
|
|
|
.channelUserMenu > ul > li:last-child{
|
|
border-bottom: none;
|
|
}
|
|
|
|
.channelUserMenu > ul > li a{
|
|
display: block;
|
|
padding: 2px;
|
|
margin-bottom: 5px;
|
|
font-size: 1.2em;
|
|
letter-spacing: 1px;
|
|
word-spacing: 2px;
|
|
color: #333;
|
|
}
|
|
|
|
p{
|
|
text-align: justify;
|
|
} |