pay/template/index12/Core/Assets/Doc/common.css
2025-11-28 11:12:36 +08:00

1119 lines
18 KiB
CSS

body {
font-size:14px;
font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB",STHeitiSC-Light,"Microsoft YaHei","微软雅黑",Arial,sans-serif;
color:#888
}
.logo {
display:inline-block;
width:160px;
height:40px;
background:url(https://zf.adoyun.cn/Core/Assets/Doc/logo.png) no-repeat;
background-size:95%;
background-position:0 0;
position:relative;
top:13px;
left:-10px
}
.container {
margin-right:auto;
margin-left:auto
}
@media (min-width:768px) {
.container {
width:750px
}
}@media (min-width:992px) {
.container {
width:970px
}
}@media (min-width:1200px) {
.container {
width:1170px
}
}img {
vertical-align:middle;
max-width:90%
}
img.user_icon {
height:36px;
border-radius:50%
}
::-webkit-scrollbar {
width:10px;
height:10px
}
::-webkit-scrollbar-button:vertical {
display:none
}
::-webkit-scrollbar-track:vertical {
background-color:#000
}
::-webkit-scrollbar-track-piece {
background-color:#f5f5f5
}
::-webkit-scrollbar-thumb:vertical {
margin-right:10px;
background-color:#a6a6a6
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:#aaa
}
::-webkit-scrollbar-corner:vertical {
background-color:#535353
}
::-webkit-scrollbar-resizer:vertical {
background-color:#ff6e00
}
::-webkit-scrollbar-thumb {
border-radius:5px
}
.address footer {
min-width:320px;
width:100%;
position:relative;
overflow:hidden;
background:#14181C
}
.address footer ul {
margin:0;
float:left;
padding-top:50px;
width:25%
}
.address footer ul li {
list-style:none;
line-height:40px;
color:#ccc
}
.address footer ul li a {
color:#898B8D;
text-decoration:none
}
.address footer ul li a:hover {
color:#e8e7e7
}
.address footer .normal {
width:auto
}
.xinxi {
height:100px;
line-height:150px;
font-size:12px;
color:#686A6B;
width:100%;
text-align:center
}
.loading {
text-align:center;
margin-bottom:20px;
padding:10px 50px
}
.loadingRepo .loading {
min-height:300px;
height:300px
}
.comment-head {
clear:both;
margin-bottom:10px;
margin-top:50px
}
.footer-head {
font-size:18px
}
.h3 {
font-size:24px;
font-family:inherit;
font-weight:500;
line-height:1.1;
color:inherit
}
.front-show {
height:300px;
width:100%;
position:relative
}
.front-show {
height:300px;
width:100%;
position:relative
}
.front-show .front-text {
position:absolute;
left:40%;
top:100px;
color:#fff;
font-size:1.5em
}
.front-show .front-text a {
color:#eee;
margin-right:26px;
opacity:.8;
cursor:pointer
}
.front-show .front-text a:hover {
opacity:1
}
.front-show .front-text .default-label {
opacity:1;
color:#fff
}
.front-show .mirror-search {
position:absolute;
top:140px;
width:50%;
left:28%;
font-size:1.6rem;
color:#eee
}
.front-show .mirror-search .send-search {
width:80px;
height:50px;
background:#fff;
border-radius:3px;
color:#127BBA;
display:inline-block;
cursor:pointer;
border:0;
line-height:50px;
text-align:center;
font-size:1.8rem
}
.front-show .mirror-search .selectType {
width:100px;
float:left;
line-height:48px;
border-radius:3px 0 0 3px;
border:1px solid #fff;
border-right:0;
cursor:pointer
}
.front-show .mirror-search .selectType i {
margin-left:10px;
margin-right:5px;
transition:all .2s
}
.front-show .mirror-search .selectType i.rotate {
transform:rotate(90deg)
}
.front-show .mirror-search #typeList {
background:0 0;
color:#fff;
border:1px solid rgba(255,255,255,.8)
}
.front-show .mirror-search #typeList li:hover {
background:rgba(255,255,255,.1)
}
.front-show .mirror-search #typeList li {
background:rgba(59,164,210,0)
}
.front-show .mirror-search .image-search-input {
height:50px;
width:60%;
background:0 0;
border:1px solid #fff;
text-indent:15px;
vertical-align:bottom;
border-radius:0 3px 3px 0
}
.front-show .mirror-search .image-search-input::-webkit-input-placeholder {
color:#eee
}
.front-show .mirror-search .image-search-input:-moz-placeholder {
color:#eee
}
.front-show .mirror-search .image-search-input::-moz-placeholder {
color:#eee
}
.front-show .mirror-search .image-search-input:-ms-input-placeholder {
color:#eee
}
.front-show .search-notice {
color:#eee;
opacity:.8;
font-size:1.2em;
line-height:40px;
letter-spacing:2px
}
.front-show .front-label {
font-size:1.2em;
line-height:40px;
letter-spacing:2px
}
.front-show .front-label a {
color:#eee;
margin-right:20px;
opacity:.8
}
.front-show .front-label a:hover {
opacity:1
}
.front-show::before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(https://zf.adoyun.cn/Core/Assets/Doc/images/hub.banner.jpg) no-repeat;
background-size:100%
}
.front-mirror .col-xx-4:nth-of-type(1) {
margin-left:0
}
.front-mirror .col-xx-4:nth-of-type(4) {
margin-left:0
}
.front-mirror .col-xx-4:nth-of-type(7) {
margin-left:0
}
.recommend .col-xx-4:nth-of-type(1) {
margin-left:0
}
.recommend .col-xx-4:nth-of-type(4) {
margin-left:0
}
li .font_size {
padding:5px 15px
}
.logo-head .ant-menu {
line-height:65px;
border:0
}
.logo-head .ant-menu .go_console {
display:block
}
.logo-head .ant-menu .go_logout {
display:block
}
.logo-head .ant-menu .li-new {
display:block
}
.logo-head .ant-menu>li {
float:right
}
.logo-head .ant-menu>li li {
float:left
}
.footer_icon {
width:50px;
display:inline-block;
opacity:.8
}
.hot-info {
height:50px;
overflow:hidden;
line-height:50px;
border:1px solid #DADADA;
background:#f5f6f6
}
.item-panel {
height:220px;
width:100%;
border:1px solid #e5e5e5;
border-radius:2px;
position:relative;
overflow:hidden;
transition:all .3s
}
.item-img {
width:100%;
height:150px;
position:relative
}
.mirror-hint-info {
padding:5%;
width:100%;
height:100px;
text-align:center
}
.item-info {
height:70px;
overflow:hidden;
border-top:1px solid #e5e5e5;
margin-top:-1px
}
.img-icon {
width:100%;
height:70px;
text-align:center;
position:relative;
top:20px
}
.img-icon .master-approve {
position:absolute;
right:5px;
width:70px;
text-align:center;
top:-20px
}
.img-icon .btn-approve {
display:none;
margin-top:8px;
border:1px solid #C9C9C9;
padding:3px;
font-size:12px;
color:#999;
background:#F8F8F8
}
.img-icon .master-approve:hover .btn-approve {
display:inline-block
}
.recommend-ranking {
height:50px;
overflow:hidden;
line-height:50px;
border:1px solid #dadada;
padding-left:20px
}
.icon-small {
height:60px;
margin:0 auto
}
.reg-hr {
line-height:25px;
border-top:1px solid #dadada
}
.dodon-list {
border:1px solid #e5e5e5;
border-top:0;
border-right:0
}
.small-reg-itme {
width:45%;
height:90px;
margin-left:40px;
text-align:center;
border:1px solid #dadada
}
.ant-menu-sub.ant-menu-inline>.mirror-li,.ant-menu-vertical>.mirror-li {
min-height:35px;
height:auto;
line-height:normal
}
.ant-menu-sub.ant-menu-inline>.mirror-li:hover {
background:0 0
}
.app-name {
line-height:35px;
margin-left:20px;
cursor:pointer
}
.border-radius {
border-radius:50%;
display:block;
max-width:100%
}
.user-head-img {
float:left;
height:40px;
width:40px;
margin-right:10px;
padding-top:5px
}
.ranking-info {
height:50px;
line-height:50px
}
.ranklist {
border:1px solid #e5e5e5;
border-top:0
}
.mirror-info {
padding:10px 15px;
border:1px solid #e5e5e5;
border-top:0;
line-height:35px
}
.mirror-info button {
margin-right:5px
}
.mar-top-3 {
margin-top:30px
}
.mar-top-2 {
margin-top:20px
}
.mar-top-1 {
margin-top:10px
}
.pad-right-3 {
padding-right:3%
}
.cursor {
cursor:pointer
}
.drop-cursor {
cursor:no-drop
}
a.default {
color:#666
}
.btn-link {
font-weight:400;
color:#2db7f5;
border-radius:0
}
.btn-deploy {
border:1px solid;
padding:5px 8px;
border-radius:3px;
transition:all .3s
}
.btn-deploy:hover {
background:#2db7f5;
color:#fff;
border-radius:3px;
border-color:transparent
}
.hot-docker {
text-align:center;
color:#fff;
font-size:20px;
line-height:50px
}
#q {
height:50px;
font-size:16px;
width:100%;
border:0;
border-radius:5px 0 0 5px;
text-indent:10px
}
.dropdown-list {
padding-left:7px
}
form .ant-input-group .ant-select-selection--single {
height:50px
}
form .ant-input-group .ant-select-selection--single .ant-select-selection__rendered {
line-height:50px
}
.btn {
display:inline-block;
padding:6px 12px;
margin-bottom:0;
font-size:14px;
font-weight:400;
line-height:1.42857143;
text-align:center;
white-space:nowrap;
vertical-align:middle;
-ms-touch-action:manipulation;
touch-action:manipulation;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border-radius:4px
}
.item-panel .item-info .ant-menu-item {
height:auto;
line-height:35px
}
.hot-mirror-row {
height:50px;
line-height:75px;
font-size:1.2em;
display:block
}
.mirror-row-border {
display:inline-block;
width:15px;
height:30px;
border-left:8px solid #FF9008;
position:relative;
top:8px
}
.mirror-content {
margin-bottom:50px;
padding-top:40px
}
pre {
background:#f5f5f5;
padding:9.5px;
border-radius:4px;
font-size:14px;
display:block;
word-break:break-all;
word-wrap:break-word
}
p,pre {
margin-bottom:10px
}
.h4 {
font-weight:600;
line-height:1.1;
color:inherit;
font-size:18px
}
.table_list img {
max-width:100%
}
.item-panel:hover {
background:#F8F8F8;
box-shadow:0 0 8px rgba(0,0,0,.2)
}
.ant-select {
font-size:14px
}
.images {
float:left;
width:150px;
height:140px;
border:1px solid #DCDCDC;
background:#fff;
display:table;
margin-right:30px;
position:relative
}
.imgIcon {
margin:0 auto
}
.type-info {
float:left;
height:100%;
width:27%
}
.ant-input-group {
width:100%
}
#click-copy {
left:74%
}
.registry-owner {
border:1px solid #DCDCDC;
background:#fff
}
.registry-owner i {
display:inline-block;
width:23px;
vertical-align:middle;
margin-left:15px;
margin-right:5px;
text-align:center
}
.name-head {
background:#F9F9F9;
line-height:60px!important;
height:60px!important;
border-bottom:1px solid #DCDCDC
}
#detail-contents {
background:#fff;
border:1px solid #DCDCDC;
min-height:150px;
position:relative;
padding:30px 15px
}
.ant-menu-vertical>.ant-menu-item,.ant-menu-inline>.ant-menu-item,.ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title {
font-size:14px;
padding-left:16px
}
.exception.ant-menu-item-active,.ant-menu-item.exception {
border-bottom:0;
padding:0 10px
}
.ant-menu-item.exception:nth-of-type(1) {
padding-right:0
}
.anticon-arrow-left {
font-weight:700
}
.ant-form-item>.input-label {
line-height:30px;
font-size:14px;
text-align:left
}
.ant-tabs-nav .ant-tabs-tab>.ant-tabs-tab-inner {
line-height:45px
}
.body-center {
overflow:hidden;
padding-bottom:80px;
padding-top:20px
}
.pull-mirror {
position:absolute;
top:20px;
right:20px
}
.table_list {
width:100%;
border:1px solid #DCDCDC;
height:auto
}
.table_list>.ant-tabs-content {
padding:0 15px;
word-wrap:break-word;
word-break:break-all;
min-height:150px
}
.user-table-info {
width:100%;
border-top:1px dashed #999
}
.user-table-info td {
line-height:40px;
text-align:center
}
.text-center {
text-align:center;
line-height:40px
}
.img-responsive {
display:block;
margin:0 auto;
max-width:100%;
max-height:100%
}
.uaer-main {
border-radius:3px;
border:1px solid #999;
margin-top:30px;
width:90%;
position:absolute
}
.main-img {
width:70px;
margin:10px auto
}
.main-img img {
height:70px;
border-radius:50%
}
.item-info {
height:70px;
overflow:hidden;
padding:0 20px;
border-top:1px solid #e5e5e5;
margin-top:-1px
}
.item-info .titleber {
line-height:35px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap
}
.mirror-text {
line-height:25px;
overflow:hidden;
text-align:center;
width:100%;
height:48px
}
.text-overflow {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.span5 {
width:50%;
float:left
}
.span4 {
width:38%;
float:left
}
.span3 {
width:30%;
float:left
}
.span2 {
width:20%;
float:left
}
.box {
border:1px solid #999;
border-radius:5px;
transition:all .5s ease;
overflow:hidden
}
.box:hover {
border-color:#ff8c00
}
.sendMirror button {
opacity:0;
transition:opacity .3s ease
}
.box:hover .sendMirror button {
opacity:1
}
header {
box-shadow:0 3px 3px rgba(0,0,0,.175);
position:relative;
top:0;
width:100%;
font-size:1.15em;
z-index:10
}
header .default .doc {
position:relative;
left:5px
}
header .logo_img {
color:#666
}
header .logo_img .user_icon {
position:relative;
left:5px
}
header .logo-head .ant-menu .ant-menu-submenu-horizontal .ant-menu .ant-menu-item {
padding:0;
width:100%;
text-align:center
}
.default i.anticon,.logo_img i.anticon {
font-size:12px;
margin-right:6px;
transition:all .3s;
position:relative;
left:10px
}
.ant-menu-submenu-horizontal:hover .default i.anticon {
transform:rotate(180deg)
}
.ant-menu-submenu-horizontal:hover .logo_img i.anticon {
transform:rotate(180deg)
}
.goback {
position:relative;
top:-10px;
color:#666;
line-height:40px
}
.ant-spin-spining {
line-height:50px
}
.exception>a {
margin-top:18px;
line-height:30px;
padding:0 13px;
border:1px solid #666;
border-radius:5px;
margin-left:20px;
color:#666;
float:left
}
.exception>a:hover {
color:#2db7f5
}
.goback .back {
padding:6px 12px;
cursor:pointer
}
.images .imgIcon {
display:block;
margin:30px auto;
max-width:90%
}
.mirror-head .type-info span.title {
display:inline-block;
width:500px;
height:36px;
font-size:20px;
white-space:nowrap
}
.download-mirror label {
font-size:14px;
line-height:35px;
text-align:center
}
.mirror-head {
width:100%;
height:190px
}
.mirror-head .images {
float:left;
width:150px;
height:140px;
border:1px solid #DCDCDC;
background:#fff;
display:table;
margin-right:30px;
position:relative
}
.mirror-head .images .uploadImg {
position:absolute;
bottom:0;
background:rgba(142,152,160,.2);
width:100%;
left:0;
text-align:center
}
.mirror-head .images #collectImage {
position:absolute;
right:0;
text-indent:10px
}
.mirror-head .type-info {
float:left;
height:100%;
width:35%
}
.mirror-head .type-info span.title {
display:inline-block;
width:100%;
height:36px;
font-size:20px;
white-space:nowrap
}
.mirror-head .type-info .fork {
cursor:pointer;
font-size:14px
}
.mirror-head .type-info .fork:hover {
color:orange
}
.mirror-head .type-info .downloadNumber {
margin:0 10px;
font-size:14px
}
.mirror-head .type-info #registryLock {
text-align:left
}
.mirror-head .type-info .list-content {
height:65px;
width:95%;
display:block;
line-height:20px;
font-size:14px;
overflow:hidden
}
.mirror-head .type-info .star-style {
margin-right:5px
}
.mirror-head .list-download {
position:absolute;
right:0;
height:100%;
width:48%
}
.mirror-head .list-download .download-mirror {
position:relative;
top:65px
}
.mirror-head .list-download .download-mirror .download-src {
width:75%;
height:35px;
text-indent:10px;
border:1px solid #4280CB;
color:#4280CB
}
.mirror-head .list-download .download-mirror #click-copy {
border:1px solid #4280CB;
width:65px;
height:35px;
display:inline-block;
position:absolute;
top:0;
border-left:0;
cursor:pointer;
background:url(https://zf.adoyun.cn/Core/Assets/Doc/images/bj_registry_list.png) no-repeat;
background-position:23px 5px
}
.ant-tabs-tabs-bar {
margin-bottom:0
}
.format {
padding:30px 15px;
min-height:168px
}
.format ul {
padding-left:20px;
list-style:disc
}
.format ul li {
list-style:disc
}
.format img {
max-width:100%
}
.download-ranking {
font-size:1.2em
}
#downRanking ul,#favRanking ul {
padding-bottom:5px
}
.ant-menu-item-active,.ant-menu-submenu-title:hover {
background:0 0
}
.logo-head .ant-menu-vertical li.ant-menu-item-active:hover {
background-color:#eaf8fe
}
.btn-primary {
color:#fff;
background:#4B80CB
}
.btn-lg {
height:50px;
font-size:1.1em;
padding:0 26px;
line-height:50px;
cursor:pointer;
display:block;
text-align:center
}
.listing:nth-of-type(1) {
margin-top:30px
}
.listing {
height:100px;
margin-top:20px
}
.listing .list-item-img {
margin:25px auto;
width:80%
}
.listing .list-item-img img {
margin:0 auto;
height:50px
}
.listing .list-item-description {
margin-top:25px
}
.listing .list-item-middle {
line-height:100px
}
.listing .list-item-middle .fa-star-o {
font-size:1.2em;
color:#efa11b
}
.rankinglist {
position:absolute;
width:90%;
min-height:340px
}
.rankinglist .ranking-li {
height:50px
}
.rankinglist .ant-menu-vertical {
border:0
}
.ranking-row {
height:58px;
line-height:60px;
border-bottom:1px solid #dadada;
margin-bottom:10px;
font-size:1.2em
}
.search-result {
line-height:50px;
color:orange
}
.allcomment {
border-bottom:1px dashed #ddd;
margin-bottom:100px
}
.allcomment .comment-list,.allcomment .reply-list {
border-top:1px dashed #ddd;
padding-top:8px;
display:table;
width:100%
}
.allcomment .comment-list .user-info,.allcomment .reply-list .user-info {
width:80px
}
.allcomment .comment-list .user-info .user-head,.allcomment .reply-list .user-info .user-head {
width:50px;
border-radius:50%
}
.allcomment .comment-list .comm-content,.allcomment .reply-list .comm-content {
width:calc(100% - 80px);
position:relative
}
.allcomment .comment-list .comm-content .contributor,.allcomment .reply-list .comm-content .contributor {
color:#44ACFF;
margin-right:20px
}
.allcomment .comment-list .comm-content .push-time,.allcomment .reply-list .comm-content .push-time {
font-size:12px;
color:#999
}
.allcomment .comment-list .comm-content .revert-content,.allcomment .reply-list .comm-content .revert-content {
line-height:22px
}
.comment-content {
min-height:100px;
max-width:100%;
padding:5px;
width:100%;
border:1px solid #A9A9A9
}
.ant-dropdown {
width:410px
}
.emojiList {
background:#fff;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,.15);
box-shadow:0 6px 12px rgba(0,0,0,.175);
padding:5px;
border-radius:4px
}
.emoji {
width:1.8em;
height:1.8em;
display:inline-block;
margin-bottom:-.25em;
background-size:contain;
cursor:pointer;
margin:2px
}
.loadmore {
height:40px;
width:100%;
padding:0;
border:1px solid #337ab7;
color:#337ab7;
line-height:40px;
text-align:center;
cursor:pointer;
margin-bottom:24px
}
.loadmore:hover {
color:#999
}
.allcomment .comm-content .hover-reply {
visibility:hidden;
color:#44ACFF;
cursor:pointer
}
.comment-detail {
overflow:hidden
}
.comment-detail:hover .zan-box .hover-reply {
visibility:visible
}
.reply-list:hover div .hover-reply {
visibility:visible
}
.contributor li {
line-height:42px
}
#scroll_Top {
z-index:20;
opacity:0;
position:fixed;
bottom:20px;
right:10px;
border-radius:10px;
text-align:center;
color:#333;
background:#F1F1F1;
width:60px;
height:60px;
cursor:pointer;
border-radius:40px;
line-height:30px;
vertical-align:middle;
transition:all .5s
}
#scroll_Top i {
font-size:18px;
display:block;
margin-top:10px
}
#scroll_Top.show {
opacity:1
}