blob: 94807a310fb9baf4423750e32696a217d66a2a07 [file] [log] [blame]
#extension {
margin-bottom: -40px;
.nav-container {
text-align: center;
border-bottom: 1px solid $clr-border-light;
height: 52px;
}
.nav-tabs {
display: inline-block;
border-bottom: none;
li {
& > a {
border: none;
color: $clr-primary;
&:hover {
background: transparent;
}
}
&.active > a {
color: $clr-secondary;
border-bottom: 4px solid $clr-secondary;
}
}
}
.tab-content {
margin: 40px 0;
}
}
.extension {
margin: 10px 0 40px 0;
}
.extension-content {
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.extension-head {
display: block;
}
.extension-img {
width: 100%;
}
.extension-info {
padding: 10px 15px;
height: 132px;
overflow: hidden;
}
@media (min-width: 992px) {
.extension-info:lang(en) {
height: 195px;
}
.extension-info:lang(zh) {
height: 155px;
}
}
@media (min-width: 768px) {
.extension-info:lang(en) {
height: 215px;
}
}
.extension-name {
font-size: 18px;
}
.extension-author {
margin-bottom: 5px;
}
.extension-author-name {
display: inline-block;
margin-right: 5px;
+ .extension-author-name {
opacity: 0.5;
}
}
#submit-extension {
text-align: center;
padding-top: 60px;
padding-bottom: 40px;
background: #F4F7FC;
h3 {
margin-bottom: 10px;
}
p {
margin: 2px 0;
color: #6b7a89;
}
a.btn {
margin: 20px 0 5px 0;
}
}