aiforge/web_src/less/openi.less

a {
  color: #0366d6;
}
.ui .text.yellow a {
	color: #fbbd08!important
}
.ui .text.yellow a:hover {
	color: #f2711c!important
}
.mb-1 {
	margin-bottom: 8px !important;
}
.mb-2 {
	margin-bottom: 16px !important;
}
.following.bar #navbar .brand{
	padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.following.bar .brand .ui.mini.image {
    width: auto;
    height: 40px;
}

.following.bar.dark {
	background-color: #363840;
}
.ui.secondary.menu.dark .item{
	color: #FFF;
}
.ui.secondary.menu.dark .item:hover{
	color: #40A9FF;
}
.ui.secondary.menu .active.item{
	color: #40A9FF;
	border-bottom: 1px solid #40A9FF;
	border-radius: 0;
}

.repository:not(.new), .organization:not(.new), .explore, .dashboard {
    padding-top: 0px;
}
.dashboard .dashboard-navbar, .organization .organization-header, .explore .repos--seach{
	padding-top:15px;
	padding-bottom: 15px;
	padding-left: 0;
	margin-bottom: 20px;
	background-color:#f5f5f6 !important;
	border-bottom: 1px solid rgba(34,36,38,.15);
}
.following.bar .text .svg.octicon-triangle-down {
    color: #3291F8;
}
.ui .avatar.image {
    border-radius: 30px;
}
footer {
    background-color: #f5f5f6;
	padding-bottom: 1.0rem;
}

.repository .header-wrapper {
    background-color: #f5f5f6;
    margin-top: 0px;
}

/*moble*/
.ui.menu:not(.vertical) .item>.button {
    color: #FFF;
	box-shadow: 0 0 0 1px rgba(255,255,255,.35) inset;
}
/*PC*/
@media only screen and (min-width: 1200px){
.following.bar #navbar, footer .container {
	padding: 0;
}
}

/*start page*/
.ui.header.section--header{
    font-size: 50px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 1.0em;
}
.ui.header.section--header .sub.header {
    font-size: 20px;
    line-height: 30px;
    color: #9b9b9b;
    text-align: center;
	color: rgba(255,255,255,.6);
}
.ui.inverted.segment>.ui.header.section--header .sub.header{
	color: rgba(255,255,255,.6);
}

#index-project {
    background: #002060;
    color: #FFF;
    position: relative;
    padding-top: 3.0em;
	padding-bottom:2.0em
}
#index-project .ui.inverted.segment, #index-project .ui.primary.inverted.segment{
	background:none;
}
.prorow{
	background: rgba(0,27,81,0.8);
}

.flip{
	position:absolute;
	left:6px;
	right:6px;
	top:6px;
	bottom:6px;
	border:2px solid #ffc000;
	border-radius: 12px;
	transition: transform 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transform: perspective(800px) rotateY(0deg);
	transform-style: preserve-3d;
	z-index:5;
}
.flip-more{ border-color:#4472c4}
.flip-blue{ border-color:#00b0f0}
.flip-green{ border-color:#00b050}
#index-project .ipros:hover .flip{transform: perspective(800px) rotateY(180deg);}

#index-project .ui.card{
	margin:0 auto;
	background:none;
	border:none;
	box-shadow:none;
}
#index-project .ui.card>.image>img{
	width:auto;
	margin:10px auto;
}
#index-project .ui.card>.content, #index-project.ui.cards>.card>.content{
	padding: 0.5em 0.2em;
}
.ui.inverted.segment .ui.card>.content>.header, .ui.inverted.segment .ui.cards>.card>.content>.header{
	color: rgba(255,255,255,.9);
}
.ui.inverted.segment .ui.card .meta, .ui.inverted.segment .ui.cards>.card .meta{
    color: #5b9bd5;
}
.ui.inverted.segment .ui.card>.extra, .ui.inverted.segment .ui.cards>.card>.extra {
	color: rgba(255,255,255,.4);
}

#particles{ width: 100%; height:100%; position: absolute; top:0; left:0; right:0; bottom:0;}

footer .ui.vertical.text.menu:first-child{ margin-top: 1em}
footer .ui.vertical.menu .header.item{ background:none}
footer .column{margin-bottom:0!important; padding-bottom:0!important;}
/*explore*/
.explore .ui.secondary.vertical.pointing.menu,
.explore .ui.secondary.vertical.pointing.menu .item,
.organization .ui.secondary.vertical.pointing.menu,
.organization .ui.secondary.vertical.pointing.menu .item{
	border-right-width: 0;
}
.explore .computer.only .ui.secondary.pointing.menu .item{
	padding-left:0;
}
.ui.repository.list .item .ui.header .metas{
	text-align: right;
}
@media only screen and (max-width:767.98px){
	.explore .repository.list .ui.right.menu{
		float: none;
	}
}

/*organization*/
.organization-info{
	padding-top:15px;
	margin-bottom:2.5rem;
}
.organization-info > .container{
	overflow: auto;
    background: url(/img/org_bg.png) no-repeat center center #f5f5f6;
    padding-top: 30px;
	padding-bottom:20px;
    background-size: cover;
	border-radius: 5px;
    border: 1px solid #efefef;
}
.organization.profile #org-info .ui.header{
	font-size: 1.71428571rem;
    margin-bottom: 10px;
	font-weight: 400;
}
.organization.profile #org-avatar {
    width: 80px;
    height: 80px;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    border: solid 5px #FFF;
}
.organization.profile #org-info .desc {
    font-size: 14px;
    width: 80%;
    margin: 0 auto 10px;
    color: #FFF;
}
.organization.teams .ui.attached.segment+.ui.attached.header{ margin-top:0}
@media only screen and (max-width:768px){
.organization-info{
	padding-top:0;
}
.organization-info > .container{
	margin-left:0!important;
	margin-right:0!important;
}
}
.ui.vertical.menu .dropdown.item .menu {
	left: 50%;
}

// icon cloudbrain 
.i-round{display:inline-block;width:18px;height:18px;background:url("/img/icons.svg");background-position: -496px -52px;}
.i-bg-organ{background-position: -496px -52px;}
.STOPPED, .KILLED{display:inline-block;width:18px;height:18px;background:url("/img/icons.svg");background-position: -496px -52px;background-position: -459px -52px;}
.RUNNING{display:inline-block;width:18px;height:18px;background:url("/img/icons.svg");background-position: -496px -52px;background-position: -478px -52px;}
.i-bg-orange{background-position: -495px -51px;}
.FAILED,.START_FAILED{display:inline-block;width:18px;height:18px;background:url("/img/icons.svg");background-position: -496px -52px;background-position: -532px -52px;}
.i-bg-green{background-position: -441px -52px;}
.i-bg-used{background-position: -514px -52px;}
.icon-bind{background-position: -550px -52px;}
.icon-unbind{background-position: -568px -52px;}
.CREATING, .STOPPING, .DELETING, .STARTING, .WAITING ,.INIT,.KILLING{display:inline-block;background-image:url('/img/loading.gif');background-repeat:no-repeat;width:16px;height:16px;background-size:16px 16px;margin-right:5px;}

i.COMPLETED,i.SUCCEEDED{display:inline-block;width:18px;height:18px;background:url("/img/icons.svg");background-position: -496px -52px;background-position: -441px -52px;}
.text_over{
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
}
.git-user-content{
	margin-bottom: 16px;
    word-break: break-all;
}
.row.git-user-content .ui.avatar.s16.image {
    width: 50px !important;
    height: 50px !important;
    vertical-align: middle;
	border-radius: 500rem;}
.user-list-item {
	padding: 0.3em 0px !important;
	margin: 15px 0 !important;
    width: 220px !important;
}
.row.git-user-content .content {
    margin-left: 6px;
    display: inline-block;
    vertical-align: top !important;
	overflow: hidden;
}
.row.git-user-content .content .header {
    font-weight: bold;
}
.item.user-list-item .header {
    line-height: 23px !important;
    font-size: 16px !important;
    text-overflow: ellipsis;
    overflow: hidden;
	width: 145px;
	
   white-space:nowrap;
   
}
.item.user-list-item .header a {
    color: #587284 !important;
}
.row.git-user-content .content .commit-btn {
    margin-top: 6px;
    float: left;
	font-size: 11px;
	color: #40485b !important;
}

.dropdown-menu {
	position: relative;
	display: inline-block;
	
}
.hover_active{
	height: 100% !important;
	margin-top: 1px !important;
}
.dropdown-menu:hover .dropdown-content {
display: block;
}
.dropdown-menu:hover .hover_active {
	background: #fff !important;
	border-color: #d4d4d5 !important;
    font-weight: 700 !important;
    // margin-bottom: -1px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	border-radius: .28571429rem .28571429rem 0 0!important;
	color: rgba(0,0,0,.95) !important;
    border-top-width: 1px !important;
    
}

.dropdown-menu:hover .dropdown-content {
	display: block;
}
.dropdown-content{
	display: none;
	position: absolute;
	background-color: #ffffff;
	min-width: 180px;
	z-index: 999;
	border: 1px solid transparent; 
	border-color: #d4d4d5;
	border-top: none;

}
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.cloudbrain-question{
	margin-left: 4px !important;
	color: #3291F8;
	
}
//缺省页
.bgtask-none{
	background: #fff !important;
	border: 0 !important;
	box-shadow: none !important;
	padding-bottom: 0 !important;
	padding-top: 2em !important;
	
}
.bgtask-header-pic {
	height: 80px;
	text-align: center;
	background: url(//ai-studio-static-online.cdn.bcebos.com/aistudio/dist/1638363279337/images/search_empty.png) top no-repeat;
	background-size: 80px 80px;
}

.bgtask-content{
	margin: 2rem auto 0;
	/* width: 500px; */
	text-align: left;
}
.bgtask-content-txt {
	font-size: 14px;
	color: #a6a6a6;
	line-height: 22px;
	margin-bottom: 4px;
}
.bgtask-content-header {
	text-align: center;
	color: #3F3F40;
	font-size: 18px;
	margin-bottom: 1rem;
}

.selectcloudbrain .active.item{
	color: #0087f5 !important;
	border: 1px solid #0087f5;
	margin: -1px;
	background: #FFF !important;
}
#deletemodel {
	width: 100%;
	height: 100%;
}
/* 弹窗 */

#mask {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	filter: alpha(opacity=60);
	background-color: #777;
	z-index: 1000;
	display: none;
	opacity: 0.8;
	-moz-opacity: 0.5;
	padding-top: 100px;
	color: #000000
}

#loadingPage {
	margin: 200px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
	display: block;
}

#loadingPage>div {
	background-color: green;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

#loadingPage .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

#loadingPage .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

#loadingPage .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

#loadingPage .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.4)
	}
	20% {
		-webkit-transform: scaleY(1.0)
	}
}

@keyframes sk-stretchdelay {
	0%,
	40%,
	100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}
	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}
/* 消息框 */

.alert {
	display: none;
	position: fixed;
	width: 100%;
	z-index: 1001;
	padding: 15px;
	border: 1px solid transparent;
	border-radius: 4px;
	text-align: center;
	font-weight: bold;
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.pusher {
	width: calc(100% - 260px);
	box-sizing: border-box;
}
/* 弹窗 (background)  */

#imageModal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}
/* 弹窗内容 */

.modal-content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 30%;
}
/* 关闭按钮 */

.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.dis {
	margin-bottom: 20px;
}

.disabled {
	cursor: pointer;
	pointer-events: none;
}
.left2{
	margin-left: -2px !important;
}
.width70{
    width: 70% !important;
}
.width83{
    width: 83% !important;
}
.content-padding{
    padding: 40px !important;
}
.model_disabled{
    background-color: rgba(245, 245, 246, 100) !important;
    color: rgba(136, 136, 136, 100) !important;
}
.edge{
	margin-left:0 !important;
	margin-right: 0 !important;
	padding-left:0 !important;
	padding-right:0 !important;
  }
.lfpd {
	padding-left:0 !important;
	padding-right: 0 !important;
}
.mglf{
	margin-left:0.5em !important;
}
.tooltips{
	display: inline-block;
    margin-left: 5.5rem;
    font-size: 12px;
    margin-top: 0.7rem;
    color: #888888;
}
.tutorial_icon{
	vertical-align: middle;
	margin-right: 0.75em;
}