@charset "utf-8";

.app-data {font-size: 14px;}
.title {
    color: #333; 
    border-bottom: solid 1px #eee; 
    padding: 10px 0px 10px 0px;
}
.floating {
    float: left;
    overflow: hidden;
}
.title .logo { text-align: center; display: flex; align-items:center; height: 128px; }
.title .logo img { width: 128px; border:solid 1px #ddd; border-radius: 5px; }
.title .name {padding: 20px 0px 5px 0px; font-size: 24px;}
.title .name a{color: #337ab7; font-size: 14px;}
.title .name a:hover{text-decoration: underline;}
.title .rankimg { width: 20px; }
.title .owner {padding-top: 0px; color: #999; font-size: 12px;}
.title .keywords {padding-top: 5px; color:#666; font-size: 12px;}
.title .keywords span{padding-right: 10px;}
.title .description {padding-top: 0px; color:#999; font-size: 12px;}

.second-row {padding: 10px; color: #666;}
.second-row .cell {padding-right: 20px; display: flex; align-items:center; }
.second-row .cell span {padding-left: 5px;}
.second-row .cell img {width: 16px;}

.owner a{color: #337ab7; font-size: 12px;}
.owner a:hover{text-decoration: underline;}

.authors-row {padding: 10px; color: #333;}
.authors-row .title{color: #666;}
.authors-row a{color: #337ab7; font-size: 12px;}
.authors-row a:hover{text-decoration: underline;}
.authors-row .user{padding: 0px 5px 0px 3px; border-left: solid 3px rgb(165, 181, 243); color: #666;}

.logs {padding: 0px 0px 0px 10px;}
.logs .title {
    font-size: 16px; color: #666; padding-left: 20px;
    background: url(/images/icon/icon-takeback.png) no-repeat 0px 20px;
}
.logs .title a{font-size: 12px; color: #222; text-decoration: underline;}
.logs .content {color: #666; font-size: 12px;}
.logs .content a{color: #1b69b6; font-size: 12px;}
.logs .content a:hover{text-decoration: underline;}
.logs .content .name {display: flex; align-items: center; padding: 10px 10px 10px 0px;}
.logs .content .name .version{font-size: 18px; padding: 0px 10px 0px 0px;}
.logs .content .name .user{font-style: italic; color: #777;}
.logs .content .name a{color: #1b69b6; padding-right:10px;}
.logs .content .name a:hover{text-decoration: underline;}
.logo-preview {width: 128px; border-radius: 5px;}