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{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{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{display:inline-block;background-image:url('/img/loading.gif');background-repeat:no-repeat;width:16px;height:16px;background-size:16px 16px;margin-right:5px;}
.text_over{
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
}