gitote/public/less/_dashboard.less

.dashboard {
	padding-top: @15;
	padding-bottom: @footer-margin * 2;

	&.feeds,
	&.issues {
		.context.user.menu {
			z-index: 101;
			min-width: 200px;
			.ui.header {
				font-size: 1rem;
				text-transform: none;
				text-align: left;
			}
		}
		.filter.menu {
			.item {
				text-align: left;
				.text {
					height: 16px;
					vertical-align: middle;
					&.truncate {
						width: 85%;
					}
				}
				.floating.label {
					top: 7px;
					left: 90%;
					width: 15%;
				}
			}

			// Sort
			.jump.item {
				margin: 1px;
				padding-right: 0;
			}
			.menu {
				max-height: 300px;
				overflow-x: auto;
				right: 0!important;
				left: auto!important;
			}
		}
		.ui.right .head.menu {
			margin-top: -5px;
			.item.active {
				color: #d9453d;
			}
		}
	}
	
	&.sponsor {
		background: #fcf8e9;

		center {
			padding: @15;

			div {
			    background: #dee4ff;
			    color: #0a0a0a;
			    display: inline-block;
			    padding: 2px 6px;
			    font-weight: 500;
			    margin-top: 10px;
			    
			    &:hover {
			    	background: #e5e9ff;
			    }
			}
		}
		
		&.divider {
			border-top: 2px solid #ececec;
		    font-size: 0.84em;
		    color: #666666;
		}
	}
	
	&.no-activity {
		margin-top: @25 !important;
	}
	
	&.prompt {
		background-image: linear-gradient(226deg, rgba(255, 255, 255, 0) 0%, #fff), linear-gradient(70deg, #eaf5ff 0%, #f6fff8);
	}
}

.bootcamp {
	.alg {
        margin-bottom: 2em !important;
    }
    
    .head {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    
    .box {
    	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #fffefd), linear-gradient(0deg, #fff8e2 0%, #fff6db) !important;
    	
    	img {
	        height: 5em;
		    margin-bottom: -10px;
		    margin-top: 10px;
    	}
    	
    	p {
	        font-size: 12px;
	    }
	    
	    h2 {
	        color: #b4b4b4;
	    }
    }
    
    .close {
    	padding: 5px !important;
    }
}

.card-desc {
	line-height: 1.5;
	margin-bottom: @15;
}

&.feeds {
	.news {
		> .ui.grid {
			margin-left: auto;
			margin-right: auto;
		}
		.ui.avatar {
			margin-top: 13px;
		}
		p {
			font-size: 16px;
		}
		.time-since {
			font-size: 11px;
    		font-weight: bold;
		}
		.issue.title {
			line-height: 1.1em;
			width: 80%;
		}
		.push.news .content ul {
			font-size: 13px;
			list-style: none;
			padding-left: 0;

			img {
				margin-bottom: -4px;
			}
			.text.truncate {
				width: 60%;
				margin-bottom: -5px;
				margin-left: 3px;
			}
		}
		.commits-card {
			background-color: #f9f9f9;
			border: 1px solid #d1d5da;
			border-radius: 3px;
			padding: @5 16px;
			.sha {
				font-family: monospace;
				background: #fff2ce;
				padding: 1px 5px;
				font-size: 12px;
				border-radius: 3px;
			}
		}
		code {
			padding: 3px;
			font-size: 85%;
			background-color: rgba(0, 0, 0, 0.04);
			border-radius: 3px;
			word-break: break-all;
		}
	}

	.list {
		.header {
			.ui.label {
				margin-top: -4px;
				padding: 4px 5px;
				font-weight: normal;
			}

			.plus.icon {
				margin-top: @5;
			}
		}
		ul {
			list-style: none;
			margin: 0;
			padding-left: 0;

			li {
				&:not(:last-child) {
					border-bottom: 1px solid #EAEAEA;
				}

				&.private {
					background-color: #fcf8e9;
				}

				a {
					padding: 6px 1.2em;
					display: block;

					.octicon {
						color: #888;

						&.rear {
					    font-size: @15;
						}
					}
					.star-num {
						font-size: 12px;
					}
				}
			}
		}

		.repo-owner-name-list {
			.item-name {
				max-width: 70%;
				margin-bottom: -4px;
			}
		}

		#collaborative-repo-list {
			.owner-and-repo {
				max-width: 80%;
				margin-bottom: -5px;
			}
			.owner-name {
				max-width: 120px;
				margin-bottom: -5px;
			}
		}
	}
}

.feeds {
	.issue {
		overflow-wrap: break-word !important;
		font-size: 13px !important;
	}

	.icons {
		background: #e6ebf1;
		padding: 7px;
		font-size: 15px;
		border-radius: 50%;
		height: 28px;
		width: 28px;
		margin-left: -10px;
	}
}

.ui.grid > [class*="fifteen wide"].column {
	text-align: left;
}

.home-footer {
	margin-top: 2em !important;

	img {
		width: 1.4em !important;
    	margin-bottom: 6px;
	}
	span {
		font-size: 14px !important;
	}
}

.profile-card {
	width: 100% !important;
	font-family: monospace;
	
	&.meta {
		line-height: 1.8;
		margin-top: 18px;
		color: #5b5b5b !important;
	}

	&.font {
		font-size: @15 !important;
	}
}

// Mobile
@media (max-width: 1020px) {
	.item.brand,
	.six.wide.column,
	.ui.five.wide.column,
	.home-footer {
		display: none !important;
	}

	.dashboard,
	.ui.grid > [class*="ten wide"].column,
	.ten.wide.column,
	.feeds .news .issue.title {
		width: 100% !important;
	}

	.ui.vertically.padded.grid.head .column{
		padding: 0;
	}

	.ui.grid > [class*="one wide"].column{
		margin-left: -38px;
		margin-top: 3em;
		position: absolute;
	}

	.feeds .news p {
		font-size: 1rem !important;
    	line-height: 19px !important;
	}

	.feeds .news .push.news .content ul {
		font-size: 12px;
	}

	.commits-card {
		.sha {
			font-family: monospace !important;
			background: transparent !important;
			padding: 0 !important;
			border-radius: 0 !important;
			font-size: @10 !important;
		}
	}
	
	.bootcamp {
		display: none;
	}
}