File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
//--- common
.main {
width: 100%;
background-color: #fff;
}
.sidebar {
background-color: rgb(51, 51, 51);
position: sticky;
top: 0;
left: 0;
bottom: 0;
height: 100%;
.nav {
width: 270px;
}
.nav-tabs {
border-bottom: none;
li {
margin-bottom: -2px;
a {
padding: 5px 10px;
border: none;
color: lightgray;
&:hover {
color: #f36c22;
background-color: black;
border: none;
}
}
}
.active {
a {
color: white;
background-color: black;
border: none;
}
}
}
.user-menu-wrap {
padding: 10px;
color: grey;
box-sizing: border-box;
a {
&:hover {
color: white;
}
}
}
.user-menu {
padding: 5px;
}
}
#mainFrame {
width: 100%;
}
.prj {
color:#202020;
}
.short-menu {
display: none;
}
.unsupported {
text-align: center;
font-size: 14px;
color: #FFF;
background-color: #4687FA;
z-index: 999;
line-height: 20px;
padding: 5px 40px;
font-weight: bold;
display:none;
.unsupported-inner {
margin:0 auto;
p {
font-weight: bold;
padding: 5px 0;
a:hover {
color:#fff;
}
}
}
}
.gnb-outer {
height:40px;
background-color: #1b1b1b;
&.project-header {
background-color: rgba(0, 0, 0, 0.35);
position: absolute;
width: 100%;
z-index: 1000;
padding: 0;
.gnb-inner {
.logo {
&:before, &:after {
display: none;
}
}
}
}
}
.pin {
position: fixed;
display: inline-block;
left: -2px;
top: 9px;
border: 1px solid #666;
}
.gnb-inner {
margin:0 auto;
color:#788ba7;
height:40px;
width: 99%;
}
.gnb-inner {
.logo-letter {
background: #FF5722;
padding: 6px 10px !important;
color: #803131 !important;
border-radius: 2px;
font-weight: bold;
opacity: 0.7;
&:hover {
color:#FFF !important;
opacity: 1;
}
}
.logo {
background-position: 11px 10px;
background-repeat: no-repeat;
width:44px;
height:40px;
&:before {
content: " ";
float: left;
width: 1px;
height: 40px;
}
&:after {
content: " ";
float: left;
width: 1px;
height: 40px;
margin-left:40px;
}
}
.gnb-nav {
float: left;
margin-left:15px;
list-style: none;
font-size: 14px;
color: #a2a2a2;
display:block;
li {
float:left;
position: relative;
&.divider {
line-height: 40px;
font-size: 12px;
&:after {
content: "|";
color: #a2a2a2;
.opacity(35);
}
}
a {
padding:10px;
float: none;
line-height: 40px;
color:#a2a2a2;
text-decoration: none;
.transition(color 0.15s);
&:hover {
color:#FFF;
}
}
&.active {
a {
color:#FFF;
}
&:before {
content:" ";
position: absolute;
bottom: -5px;
left: 50%;
width: 0;
height: 0;
overflow: hidden;
border: 8px solid transparent;
border-style: outset outset solid outset;
border-bottom-color: #FFF;
margin-left: -8px;
}
}
}
}
.gnb-usermenu {
float:right;
padding:0;
list-style: none;
> li {
float:left;
margin:5px 0;
position: relative;
&.divider {
line-height: 30px;
&:after {
content: "|";
color: #788ba7;
.opacity(35);
}
}
&:last-child {
margin-left:10px;
}
form {
margin:0;
}
&.gnb-usermenu-item {
font-size: 14px;
color: #a2a2a2;
a {
line-height: 30px;
padding:5px 10px;
text-decoration: none;
&:hover {
color: #fcfcfc;
.counter-badge {
color: #fcfcfc;
}
}
.counter-badge {
display: inline-block;
font-size: 12px;
min-width: 12px;
padding: 2px 2px 0 2px;
text-align: center;
color: black;
background-color: rgba(255, 115, 50, 0.75);
border-radius: 5px;
line-height: 14px;
vertical-align: middle;
margin-left: 4px;
margin-bottom: 3px;
}
&.usermenu-icon-button {
font-size: 16px;
}
}
}
&.gnb-usermenu-dropdown {
font-size: 14px;
color: @low-white;
> a {
padding:0 10px;
}
.gnb-dropdown-toggle {
display:inline-block;
line-height: 30px;
.transition(all 0.15s ease);
.caret-text {
padding:0 2px;
}
.caret {
margin-left: 5px;
vertical-align: middle;
display: inline-block;
vertical-align: middle !important;
width: 0;
.transition(all 0.15s ease);
height: 0;
vertical-align: top;
border-top: 4px solid @low-white;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
&:hover, &:focus {
color: @blue;
text-decoration: none;
.caret {
border-top: 4px solid @blue;
}
}
&.dropdwon-box-btn {
background-color:@primary;
.border-radius(3px);
color:#FFF;
padding:0 10px;
.caret {
border-top: 4px solid #FFF;
}
}
}
}
}
}
}
.gnb-search-form {
margin:0;
padding:0 10px;
font-size: 0;
line-height: 30px;
margin-top: 5px;
.dropdown-toggle {
.border-radius(3px 0 0 3px);
background-color: #F7F7F7;
}
.dropdown-menu > li {
clear:both;
display:block;
float: none;
a {
padding:5px 10px;
line-height: 20px;
}
}
}
.search-box {
.border-radius(3px);
background-color:#FFF;
height:30px;
display: inline-block;
vertical-align: middle;
&.select {
.border-radius(0 3px 3px 0);
}
input {
outline:0 none;
border:0;
line-height: 30px;
padding:5px 10px;
margin-bottom:3px;
width: 50px;
.transition(width .3s ease);
&:focus {
width: 200px;
}
}
button {
background:transparent;
border:0;
outline:0 none;
margin: 5px;
}
}
.project-header-outer {
background-color: #565656;
height:120px;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
.project-header-inner {
height:inherit;
background-clip: padding-box;
background: linear-gradient(to bottom, rgba(0,0,0, 0.5), rgba(0,0,0, 0.3), rgba(0,0,0, 0.1));
.project-header-wrap {
height:inherit;
margin:0 auto;
width: 99%;
position: relative;
.project-header-avatar {
bottom:-30px;
left:0px;
position:absolute;
width: 80px;
height: 80px;
border:5px solid #f9f9f9;
border-radius: 3px !important;
background: #fff;
img {
width: 100%;
height: 100%;
vertical-align: top;
}
}
.project-breadcrumb-wrap {
position: absolute;
bottom:18px;
left:90px;
padding:2px 10px;
background-color: rgba(0,0,0,0.55);
display:inline-block;
font-weight: bold;
.border-radius(0 3px 3px 0);
&.fork {
bottom: 5px;
}
.project-breadcrumb {
line-height: 30px;
font-size: 1.5em;
.project-author {
a {
color:#FFF;
&:hover {
color:#FFF;
text-decoration: underline;
}
}
}
.project-separator {
color:#FFF;
padding:0 5px;
}
.project-name {
color:#fc491e;
a:hover {
color:#fc491e;
text-decoration: underline;
}
}
.project-private {
color:#788ba7;
font-size: 14px;
margin-left:5px;
}
.user-project-list {
.star {
color: rgba(255, 255, 255, 0.22);
&:hover {
color: #e91e63;
cursor: pointer;
}
}
.starred {
color: #e91e63 !important;
}
}
}
.project-origin {
font-size: 12px;
line-height: 20px;
margin-top:-7px;
.project-origin-title {
color:#788ba7;
}
.project-origin-name {
margin-left:5px;
color:#5dbbe0;
}
}
}
.project-util-wrap {
position: absolute;
bottom:20px;
right:0;
.project-util {
list-style: none;
margin:0;
li {
float:left;
margin-left:15px;
position: relative;
.icons-ul {
margin: 10px 0 10px 25px;
}
}
}
}
}
}
}
.page-wrap-outer {
min-height: 450px;
}
.page-wrap {
background-color: @white;
margin: 0 auto;
}
.project-menu-outer {
background-color:#ececec;
height:39px;
border-bottom: 1px solid #ddd;
.project-menu-inner {
height:39px;
margin:0 auto;
.project-menu-nav {
list-style: none;
margin:0;
height:39px;
&.project-menu-gruop {
float:left;
margin-left:110px;
}
li {
float:left;
font-size: 14px;
font-weight: bold;
position: relative;
a {
display: inline-block;
line-height: 30px;
padding:5px 20px 4px;
&:hover {
text-decoration: none;
color:#fc491e;
background-color: #dadada;
}
}
&.active {
color : #fc491e;
font-weight: bold;
&:before {
content:" ";
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
overflow: hidden;
border: 8px solid transparent;
border-style: outset outset solid outset;
border-bottom-color: #ddd;
margin-left: -8px;
}
&:after {
content:" ";
position: absolute;
bottom: -1px;
left: 50%;
width: 0;
height: 0;
overflow: hidden;
border: 8px solid transparent;
border-style: outset outset solid outset;
border-bottom-color: #FFF;
margin-left: -8px;
}
}
}
}
.project-setting {
float: right;
}
}
}
.project-menu-count {
display: inline-block;
font-size: 10px;
line-height: 18px;
font-weight: normal;
min-width: 8px;
padding: 0 6px;
background-color: @yobi-primary;
color: #ECF0F1;
text-align: center;
vertical-align: top;
.border-radius(9px);
}
.project-new-posting {
font-size: 12px;
line-height: 14px;
font-family: @fixed-font-family;
color: @yobi-primary;
vertical-align: top;
}
.project-page-wrap {
margin:20px auto 0;
label {
display: inline-block;
}
h4 {
padding:10px 0;
line-height: 30px;
}
.nav-tabs > li {
margin-bottom: -2px;
}
}
.site-breadcrumb-outer {
.site-breadcrumb-inner {
margin:0 auto;
h3 {
padding:15px 0 14px;
line-height: 30px;
}
}
}
.page-footer-outer {
margin-top:50px;
background-color:@yobi-white;
padding:10px 0;
.page-footer {
margin: 0 auto;
text-align:center;
line-height: 34px;
}
.provider {
margin-left: 4px;
font-family: Verdana;
font-size: 9px;
color: #333;
a {
font-family: Tahoma;
color:#444;
font-weight:bold;
padding: 0 2px;
&:hover {
color: #2cb400;
}
}
.yona-author {
padding: 2px;
&:hover {
color: white;
background-color: orangered;
text-decoration: none;
}
}
.naver-labs {
&:hover {
color: white;
background-color: black;
text-decoration: none;
}
}
.d2-program:hover {
background-color:#5f5f5f;
text-decoration:none;
.d2 {
color:#32cda0;
}
.program {
color:#fff;
}
}
}
}
.page {
.border-radius-bottom(20px);
&.full {
padding: 0;
}
&.code-browse,
&.plugin-setting {
padding: 0 20px;
}
label { cursor:pointer; .inline-block; }
}
.checkbox {
.inline-block;
vertical-align:top;
margin:2px !important;
}
.forked-from {
display:inline-block;
vertical-align:middle;
padding:7px 10px;
font-size:11px;
i { vertical-align:text-bottom; }
}
//----------- index page.
.center-wrap {
text-align: center;
}
.page {
.tag-line-wrap {
text-align:center;
margin-top:7px;
margin-bottom: 26px;
&.signup {
padding-top: 40px;
margin-top : 0px;
.tag-line {
color: #7C7C7C;
font-size: 14px;
span {
color: #535353;
}
}
}
&.login {
padding-top:80px;
margin-top:0px;
}
&.reset-password {
padding-top:80px;
margin-top:0px;
}
.title {
font-size: 3.3em;
line-height:42px;
font-weight: normal;
font-family:@base-font-family;
.inline-block;
.highlight {
color: @yobi-primary;
}
}
.tag-line {
font-size: 1.2em;
color: #7c7c7c;
margin-top:10px;
span { color:@gray-52; }
}
}
.tag-line-wrap-index {
margin-top:25px !important;
margin-bottom:23px !important;
}
}
.lost-password {
overflow:hidden;
}
.siteintro {
border-bottom:1px solid #e8e8e8;
background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0,0,0, 0.3)), url('../images/bg-samples/photo-svetacreative.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-bottom: 1px solid #333;
.siteintro-cover {
opacity: 1;
padding:55px 0 65px;
background-position: bottom;
background-size: 100vw 170px;
background-repeat : no-repeat;
overflow:auto;
width:750px;
text-align:center;
margin:0 auto;
}
.siteintro-wrap {
margin:0 auto;
text-align:center;
.site-heading {
margin:0 ;
padding:0;
font-size:34px;
font-weight:normal;
color: #FAFAFA;
font-family: sans-serif;
opacity: 0.9;
}
.site-features {
list-style:none;
margin:0;
padding:0;
clear:both;
display:block;
margin-top:5px;
li {
color:#FFF;
display:inline-block;
font-size:16px;
margin-left:5px;
font-weight:normal;
letter-spacing:1.1px;
&:first-child {
margin-left:0;
}
opacity: 0.5;
}
}
}
.signup-btn {
margin-top:35px;
text-align:center;
}
}
.feature {
clear:both;
padding: 0 20px;
margin:0 auto;
text-align:center;
border-bottom:1px solid #e8e8e8;
position:relative;
max-width: 1200px;
h2 {
padding:0;
font-size: 26px;
font-weight:normal;
margin-top: 30px;
display:block;
padding:10px 20px;
line-height:20px;
z-index:2;
span {
padding:0 20px;
background-color:#FFF;
}
}
.feature-wrap {
list-style:none;
margin:0 auto;
padding:0;
overflow: hidden;
margin-top:10px;
margin-bottom:40px;
li {
position:relative;
display: inline-block;
width: 330px;
margin-left:40px;
box-sizing: border-box;
.feature-image {
color:@yobi-primary;
text-align: center;
position:absolute;
top:10px;
left:0;
font-size:40px;
}
.feature-info {
display:block;
margin-left:55px;
height: 100px;
.feature-title {
padding: 0;
margin:0;
text-align:left;
font-size: 16px;
}
.feature-desc {
margin:0;
padding:0;
font-size:13px;
text-align:left;
}
}
}
}
}
.sample {
overflow: hidden;
background-color:#f9f9f9;
padding:80px 20px;
.sample-wrap {
margin:0 auto;
text-align:center;
overflow:auto;
.sample-img {
background-image:url("@{base-image-path}/laptop-image.png");
background-size:100% 100%;
background-position:top center;
float:left;
width:480px;
height:280px;
text-align:center;
padding-top:20px;
img {
vertical-align:top;
width:360px;
height:240px;
}
}
.get-started {
float:left;
margin-left:60px;
width:440px;
margin-top: 40px;
text-align:left;
h2 {
margin-bottom:20px;
strong { color:@primary;}
}
}
}
}
.site-guide-outer {
margin:30px 0 0;
&.hide {
margin-top:0px;
display:none;
}
h3 {
margin:0;
padding:0;
span {
font-size:14px;
font-weight:bold;
color:#333;
}
}
.site-guide-inner {
margin-top:15px;
padding:0 130px;
font-size: 0;
.guide-wrap {
list-style : none;
margin:0;
padding:0;
width:100%;
.border-radius(6px);
font-size: 0;
li {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding:20px 15px;
overflow:hidden;
position:relative;
text-align:center;
margin-left: 0 !important;
font-size: 14px;
min-height: 150px;
h4 {
font-size:16px;
font-weight:bold;
}
p {
margin-top:15px;
font-size:14px;
min-height:60px;
}
&:nth-child(odd) {
background-color:@yobi-cyan-light;
}
&:nth-child(even) {
background-color:@yobi-white;
border-top:1px solid #f2f4f5;
border-bottom:1px solid #f2f4f5;
padding: 19px 15px;
}
&:nth-child(1) {
.border-radius(6px 0 0 6px);
}
&:nth-child(2) {
border-right: none;
border-left: none;
}
&:nth-child(3) {
border-left: none;
.border-radius(0 6px 6px 0);
}
}
}
}
}
.guide-toggle {
text-align: center;
button {
border:1px solid rgba(0,0,0, .1);
.border-radius(0 0 6px 6px);
color:@yobi-gray;
padding:0px 25px;
display:inline-block;
i {
font-size:12px;
}
border-top: 2px solid white;
}
}
#notification-more {
margin-top: 20px;
width: 95%;
}
.content-container {
.main-stream {
margin-bottom:15px;
.activity-streams {
margin: 0;
.warning-none {
font-size:16px;
padding:15px 20px;
text-align:center;
background-color:#8b8b8b;
color:@yobi-white;
.border-radius(6px);
}
.notification-stream {
clear: both;
color: #DDD;
padding: 5px 5px 5px 25px;
position: relative;
cursor: pointer;
border-bottom: 1px solid #ddd;
.more {
background-color: #E0E0E0;
padding: 0 10px 5px;
display: inline-block;
color: #888;
line-height: 10px;
border-radius: 2px;
}
&:hover {
background: #f5f5f5;
}
&:first-child {
&:before { top:20px }
}
&:last-child {
&:before { height:30px; }
}
.stream-type {
display:inline-block;
padding:4px 6px;
color: #4caf50;
text-align:center;
line-height:20px;
font-size:20px;
font-weight:bold;
vertical-align: top;
margin-top: 2px;
&.updated {
font-size: 12px;
font-weight: bold;
color: white;
border: 1px solid;
border-radius: 3px;
padding: 0 2px;
background-color: #FF9800;
width: 26px;
}
&.closed {color:@state-closed;}
&.changed {color:@state-changed;}
&.rejected {color:@state-rejected;}
&.warning {color:@state-warning;}
&.merged {color:@state-merged;}
&.comment2 {
color: #8b008b;
}
&.info {
color: #999;
}
&.list-alt {
color: #795548;
}
&.ellipsis-horizontal {
color: grey;
}
}
.stream-desc {
padding:4px 7px 7px 7px;
display:inline-block;
width: 90%;
.stream-info {
.avatar-wrap {
margin-top:3px;
}
.title {
color:#51aacc;
font-size:14px;
font-weight:bold;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.meta {
font-size:12px;
color:#bbb;
margin-top:5px;
.author {
color:#666;
font-weight:bold;
&:hover {color:@link-hover-color;}
}
}
.message-wrap {
margin-top:3px;
font-size:13px;
color:#888;
overflow:hidden;
line-height:20px;
.transition(all 0.3s ease);
min-height:20px;
.message {
word-break : break-all;
line-height:20px;
}
&.nowrap {
min-height:20px;
max-height:200px;
}
}
}
}
}
.activity-stream {
padding: 1px 0;
margin-bottom:6px; padding-bottom:6px;
border-bottom:1px solid #f1f1f1;
&:first-of-type { padding-top:10px; }
&:last-child { border-bottom: 0 none; }
.user-thumb-wrap {
float: left;
margin-right: 10px;
}
.activity-desc {
.header-text {
margin-top: 0px;
margin-bottom: 6px;
font-size: 12px;
line-height: 100%;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break : break-all;
.actor {
font-weight: bold;
&:hover {
color:@yobi-link;
text-decoration: none;
}
}
.whereis {
font-size: 11px;
color: #333;
a:hover {
color:@yobi-link;
text-decoration: none;
}
.where {
color:@yobi-link;
font-weight: bold;
background-color:#f7f7f7;
padding:3px 5px;
display: inline-block;
.box-shadow(inset 0 0 5px #fff);
.border-radius(2px);
}
.title{
font-weight: bold;
}
}
.title { font-size:12px; font-weight:bold; }
}
.author { font-weight:bold; }
.date { color:#bbb; margin-left:5px; }
.desc {
color: #888;
font-size: 11px;
/*margin-bottom: 10px;*/
overflow: hidden;
text-overflow: ellipsis;
max-height: 40px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
.commit-logs {
.commit-log {
overflow: hidden;
margin-bottom: 5px;
&:last-child {
margin-bottom: 0;
}
.user-thumb-wrap {
width: 18px;
height: 18px;
margin-right: 10px;
display: block;
float: left;
.border-radius(2px);
img {
vertical-align: top;
}
}
.commit-detail {
font-size: 11px;
margin-left: 30px;
font-family: @fixed-font-family;
.commit-id {
color: @orange;/*#D06930;*/
font-weight:bold;
}
.commit-msg {
color: #808080;
}
}
}
}
}
.others {
line-height: 16px;
padding-left: 3px;
.num {
font-size: 12px;
color: #5dbbe0;/*#4489A4;*/
margin-left: 3px;
}
.date {
font-size: 11px;
color: #999;
margin-left: 5px;
}
.ico {
vertical-align: bottom;
&.ico-sp-dot {
vertical-align: middle;
margin: 0 2px;
}
}
}
}
}
}
}
.projects-wrap {
.my-projects-tab {
margin:0;
}
.my-projects {
border:1px solid #ddd;
margin-bottom:10px;
.border-radius(6px 6px 0 0);
.title {
background-color:@yobi-cyan-light;
padding:10px;
display:block;
font-weight:bold;
.border-radius(6px 6px 0 0);
border-bottom:1px solid rgba(0,0,0, .15);
margin-bottom:10px;
}
.my-project {
position:relative;
padding-left: 15px;
padding-bottom: 10px;
margin: 1px;
.my-project-header {
.name-wrap {
.inline-block;
font-size: 14px;
color: #777;
i { margin-left:3px; }
a {
.inline-block;
strong {
text-overflow:ellipsis; overflow:hidden;
}
}
}
.ico-wrap {
vertical-align:top;
margin-top:9px;
width: 5px;
text-align: right;
.inline-block;
}
}
&.on-desc {
.ico-wrap { margin-top:20px; }
}
}
.my-project:first-of-type {
padding-top:1px;
}
}
.contributors {
overflow: hidden;
.contributor {
float: left;
width: 32px;
border: 1px solid #B4B4B4;
.border-radius(3px);
margin: 0 8px 10px 0;
&:nth-child(4n) {
margin-right: 0;
}
}
}
.sp-line {
height: 1px;
background-color: @white;
border-top: 1px solid @gray-d9;
margin: 10px 0;
}
.btn-wrap {
.btn-wrap-new-project;
}
/** Create new project button **/
.getstarted {
width:220px;
padding-top:11px;
button {
cursor:pointer;
}
}
}
}
.btn-wrap-new-project {
margin-top: 0px;
margin-bottom:20px;
text-align: center;
a {
font-size:15px; /*font-family:"Myriad Pro";*/
width:180px; height:35px;
background-color:@orange;
color:#fff; line-height:35px;
border-bottom:1px solid #ae5f54;
.border-radius(5px);
.inline-block;
i { vertical-align:middle; margin-bottom:4px; }
}
}
//------ login page
.login-form-wrap,
.signup-form-wrap {
position:relative;
.text {
width: 386px;
height: 27px;
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
&:focus {
border-bottom: 1px solid @orange;
outline: none;
}
&.password {
margin-bottom: 15px;
}
border-radius: 0 !important;
}
input {
border: none;
border-bottom: 1px solid #ccc;
}
.alert h4 { font-size:15px; }
.email-verification-help {
font-weight: bold;
padding: 5px;
margin-bottom: 10px;
font-size: 16px;
}
}
.login-form-wrap {
margin-top: 54px;
width: 400px;
.center-block;
.remember-me-wrap {
margin-top:0px;
.checkbox {
margin-left:0px !important;
margin-top:4px !important;
}
}
.act-row {
line-height:22px;
overflow:auto;
}
.btns-row {
display:block;
text-align:center;
margin:0px auto 20px;
}
.social-login-title {
font-size: 14px;
padding-top: 10px;
}
.social-login-title-line {
margin-top: 12px;
margin-bottom: 10px;
}
;
}
//---- sign up
.signup-form-wrap {
width: 400px;
margin-top: 14px;
.center-block;
.text {
&.email{
width: 181px;
margin-right: 10px;
}
&.uname {
width: 181px;
}
}
.act-row {
text-align:right;
color: #999999;
.go-login {
color: #5C5C5C;
font-weight:bold;
}
}
.btns-row {
display:block;
text-align:center;
margin:0px auto 20px;
text-align:center;
}
}
//-- new project
.form-wrap {
&.new-project {
position:relative;
width:700px;
margin: 30px auto;
.text {
width: 98%;
&.textarea {
height: 78px;
resize: vertical;
}
}
.actions {
text-align: center;
position: relative;
}
.project-scopes {
.icon-scope {
font-size:18px;
margin:0 10px 20px 7px;
}
.note {
color:#777;
font-size:11px;
margin-left:22px;
}
label { display: block; }
}
.advanced-options {
padding:10px 0;
background:#fafafa;
.border-radius(10px);
}
.popover {
max-width:144px;
}
.repo-auth-wrap {
display:none;
padding:10px 30px 10px 20px;
background:#fafafa;
.border-radius(10px);
}
}
.bordertop {
padding-top:10px;
margin-top:10px;
border-top:1px solid #e5e5e5;
}
}
.bread-crumb-wrap {
overflow: hidden;
.title {
margin-top: 0;
font-weight: normal;
font-size: 26px;
float: left;
color: @orange;
}
.bread-crumb {
float: right;
}
}
//--- projects
.header-wrap {
margin-top: 30px;
margin-bottom: 5px;
padding: 0px;
.stats-wrap {
padding: 0px 0px 5px 0px;
overflow: hidden;
.stat {
background-color: #FFF;
padding: 10px 20px;
.border-radius(5px);
height: 31px;
width: 268px;
margin-right: 10px;
float: left;
&:last-child {
margin-right: 0;
}
.desc {
font-size: 12px;
}
.num {
float: right;
font-size: 28px;
line-height: 1;
&.all { color: @orange; }
&.open { color: #5DBBE0; /*color: #51AACC;*/ }
&.public { color: #5DBBE0; }
}
}
.stat-projectlist {
border-bottom:1px solid #c5c5c5;
&.active {
box-shadow:inset 0px 2px 2px rgba(0,0,0,0.25);
border-bottom:none; font-weight:bold;
&.all { color: @orange; }
&.public { color: #5DBBE0; }
/*&.private { color: #5DBBE0; }*/
}
}
.stat-issue {
width:266px; /*240px;*/
border-bottom:1px solid #c5c5c5;
&.active {
box-shadow:inset 0px 2px 2px rgba(0,0,0,0.25);
border-bottom:none; font-weight:bold;
.desc {
&.all { color: @orange; }
&.open { color: #5DBBE0; /*color: #51AACC;*/ }
&.public { color: #5DBBE0; }
}
}
}
}
}
.bottom-actrow {margin-top:15px; padding: 6px 2px;}
.issue-list-wrap { clear:both;}
.search-wrap {
clear:both;
padding:10px 0;
height: 30px;
&.underline {
border-bottom: 1px solid #ddd;
}
}
.srch-advanced {
margin-top:10px;
}
.all-projects {
margin: 0 0 20px;
list-style: none;
clear:both;
// -- project list -- //
.project {
padding: 15px 0 10px 0;
overflow: hidden;
border-bottom: 1px solid #DCDCDC;
.info-wrap {
.owner-avatar-wrap {
overflow:hidden;
display: inline;
float: left;
width: 50px;
height: 50px;
margin-right: 10px;
border-radius: 3px !important;
position: relative;
img {
vertical-align: top;
width: 100%;
height: 100%;
}
}
.header {
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
margin-left: 10px;
.yobicon-lock { color:#7F8C8D;}
.owner-name-small{ color:#999; font-size: 19px; }
}
.forked{
padding:3px 5px;
text-shadow: none;
font-size:11px;
margin-left: 10px;
}
.desc {
margin-left:10px;
overflow-y: auto;
max-height: 100px;
max-width: 647px;
text-overflow:ellipsis;
color: #bababa;
}
.name-tag {
margin: 0;
margin-left:10px;
font-size: 11px;
color: #999;
}
}
.stats-wrap {
margin-top: 0px;
text-align: right;
.like {
.inline-block;
vertical-align: middle;
width: 42px;
text-align: left;
margin-right: 20px;
.num {
color: #4489A4;
}
.ico {
vertical-align: text-bottom;
margin-right: 3px;
}
}
.members {
width:100%;
ul {
display:inline-block;
padding-left: 50px;
overflow:hidden;
li {
float:right;
.avatar-wrap { margin-right:3px; margin-bottom:3px; }
}
}
strong { color:@secondary; }
}
/*.leaveProject { margin-top:2px; }*/
}
}
// -- userinfo -- //
&.user-streams {
.project {
&:first-of-type {
padding-top:5px;
}
}
}
}
//-- help page
.qas {
list-style: none;
margin: 30px 0 0;
padding: 0;
.qa {
margin-bottom: 14px;
border-bottom: 1px solid #DCDCDC;
&:last-of-type {
border-bottom:none;
}
.question-wrap, .answer-wrap {
i {
font-size:2em;
vertical-align:middle;
font-weight:bold;
&.q { color:#f36c22; }
&.a { color:#000; margin-right:30px;}
}
}
.question-wrap {
line-height: 1.2;
display: table;
padding: 0 15px; /*10px;*/
margin-bottom: 14px;
width:100%;
.icor {
margin:17px !important;
.ico-qa-plus;
}
.question {
width:85%;
vertical-align: middle;
display: table-cell;
font-size: 14px;
color: #4C4C4C;
/*.opacity(50);*/
text-decoration: none;
}
}
.answer-wrap {
display: none;
padding: 15px 15px; /*19px 20px;*/
border-top: 1px solid #DCDCDC;
background-color: #F3F3F3;
.ico {
margin-right: 20px;
}
.answer {
vertical-align: top;
display: table-cell;
line-height: 16px;
text-align: justify;
word-break: break-all;
line-height: 180%;
padding-right:9%
}
}
&.open {
.question-wrap {
margin-bottom: 16px;
width:100%;
.icor {
.ico-qa-minus;
}
.question {
/*font-size: 20px;*/
/*.opacity(100);*/
}
}
.answer-wrap {
display: table;
}
}
}
}
//-- project setting
.page-title {
margin-top: 20px;
font-size: 20px;
font-weight: normal;
a {
display:inline-block; max-width:300px; /* 프로젝트명 */
overflow:hidden; text-overflow:ellipsis;
cursor:pointer;
}
.gray {
.opacity(50);
a { max-width:130px !important; } /* 아이디 */
a:hover { color:inherit !important; }
}
}
.bubble-wrap {
overflow: hidden;
margin-bottom: 20px;
.border-radius(5px);/*10px*/
&.gray {
background-color: #F7F7F7;
}
&.dark-gray {
background-color: #ECECEC;
hr {
border-top:1px solid #d4d4d4;
}
}
&.wp {
padding: 20px 20px 10px;
}
}
.box-wrap {
border-bottom: 1px solid #E9E9E9;
padding: 0 20px;
&:last-of-type { border-bottom:none; }
&.top {
padding-bottom: 20px;
}
&.middle {
padding: 10px 20px;
}
&.bottom {
padding: 20px 0; /*10px 0;*/
padding-bottom:12px;
border-bottom: 0 none;
text-align: center;
}
/* 프로젝트 설정 */
.setting-box {
float: left;
width: 399px;
&.left {
padding-right: 20px;
border-right: 1px solid @white;
.logo-wrap {
width:260px; height:188px;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
.border-radius(10px);
.inline-block;
}
.logo-desc {
width: 120px;
font-size: 12px;
margin-left:10px;
vertical-align:top;
.inline-block;
.point {
color: @secondary;
font-weight:bold;
text-transform:uppercase;
display:block; clear:both;
}
.descs li {
margin-top:10px;
&:last-of-type { margin-top:25px; }
}
}
}
&.right {
padding-left: 20px;
border-left: 1px solid @gray-d4;
.text, .textarea {
width: 380px;
}
.textarea {
height: 80px; /*111px;*/
margin-bottom: 0;
resize:vertical;
}
}
}
}
.cu-label {
width: 160px;
padding-right: 45px;
.inline-block;
vertical-align: top;
}
.cu-desc {
.inline-block;
.note {
color: #777; /*999;*/
font-size: 12px;
}
.notice {
color: #DB3A67;
}
}
label.inline-list {
margin-left:15px;
vertical-align: middle;
&:first-child {
margin-left: 0;
}
}
.n-alert.project-del {
margin-left: 125px;
}
.btn-project-delete {
margin-left:10px;
}
//--- member
.inner-bubble {
margin-bottom: 10px;
position: relative;
.text {
&.uname {
width: 384px;
margin: 0;
.border-radius(2px);
}
}
}
.guest-mixin() {
background-color: rgba(255, 165, 0, 0.8);;
color: white;
padding: 0 4px;
}
.members.project {
margin: 0;
list-style: none;
.member {
border-bottom:1px solid #DDD;
padding: 10px 5px;
display:block;
position: relative;
margin-left: 5px;
.member-name {
margin-top:2px;
line-height: 20px;
font-weight: bold;
}
.member-id {
line-height: 20px;
color:#ccc;
}
.member-setting {
position: absolute;
right:0;
top: 15px;
.owner {
margin-top:5px;
padding:5px;
}
}
}
.guest {
.guest-mixin
}
}
.check-all {
vertical-align: middle;
text-align:center;
padding: 0 10px;
}
//-- filters
.filter-wrap {
display: block;
margin: 5px 0 0;
height: 30px;
position: relative;
&.small-heights{
margin: 5px 0 0;
height: 20px;
}
.filters {
color:#666;
float: right;
margin-top:5px;
border: 1px solid #ddd;
border-radius: 3px;
padding: 5px 10px;
.filter {
margin-right:10px;
&.active { font-weight:bold; color:@primary; }
&:last-of-type { margin:0; }
}
i { margin-right: 5px; }
}
}
//-- milestone
.milestone-legend {
text-align:left;
color:#999;
i {
.inline-block;
.border-radius(2px);
width:35px; height:7px;
margin:0 3px;
&.open { background-color: @state-open; }
&.closed{ background-color : @state-closed;}
&.gray { background:#B1B1B1; }
}
}
.milestone-info {
margin:10px 0;
background-color: #fff;
padding: 4px;
.progress {
height:7px;
width:100%;
.progress-info {
clear:both;
width:100%;
}
}
.meta-info {
margin:5px;
.title { font-size:12px; font-weight:bold; }
.due-date {
color: #666;
&.over { color:@primary; }
.date { font-size:11px; }
}
}
.progress-wrap {
overflow: hidden;
color: #999;
font-size: 11px;
}
.desc {
font-size: 11px;
margin-top: 15px;
padding: 15px;
background-color: #EBEBEB;
border-top:1px solid #D3D3D3;
.border-radius(2px);
}
}
.issue-option {
.milestone-info .meta-info {
margin:5px 0;
.due-date { display:block; }
}
}
.project-home {
.milestone-info {
.meta-info {
.due-date {
display: block;
}
}
.progress-wrap { margin:0 5px; }
}
}
.milestones {
list-style: none;
margin: 0;
.milestone {
padding: 15px 0px; /* 15px 30px;*/
overflow: hidden;
&:last-of-type { border-bottom:none; }
.bar{
background: #fd6956 !important;
}
#simple-issue-list;
.infos {
width: 100%; /*700px*; /*660px;*/
.contributors {
margin: 0;
list-style: none;
overflow: hidden;
.contributor {
float: left;
margin: 0 5px 5px 0;
.img-rounded {
width:34px; height:34px;
display:block;
}
}
}
.meta-info {
margin:5px 0 10px;
.milestone-name {
font-size: 20px;
font-weight: bold;
}
.number {
font-size:20px;
}
.percentage {
font-weight:bold;
}
.sp {
margin: 0 5px;
color:#E4E4E4;
}
.due-date {
color: #666;
&.over { color:#f36c22; }
}
}
.progress-wrap {
overflow: hidden;
color: #999;
font-size: 11px;
margin-top:15px;
.progress {
height:8px;
}
}
.desc {
font-size: 11px;
margin-top: 15px;
padding: 15px;
background-color: #EBEBEB;
border-top:1px solid #D3D3D3;
.border-radius(2px);
}
.actrow {
text-align:right;
padding-top:10px;
}
}
.completion-rate {
text-align: center;
&.done {
color: @orange;
}
i {
.inline-block;
font-style: normal;
font-size: 0.6em;
vertical-align: top;
padding-top: 20px;
margin-left:7px;
}
}
}
}
.milestone-desc {
background: #f7f7f7;
padding: 10px 15px;
margin: 15px 0;
border: 1px solid #ddd;
border-width:1px 0;
.box-shadow(inset 0 0 5px #fff);
.border-radius(2px);
}
.milesion-wrap {
.progress {
background-color: @state-open;
&.empty { background-color: #B1B1B1; }
.progress-bar {
background-color: @state-closed;
height: inherit;
}
}
}
.label.milestone-state {
margin:0; padding:2px 0px; margin-right:3px;
width:40px; text-align:center; font-size:11px;
&.open { background-color:@state-open; }
&.closed { background-color:@state-closed; }
}
//-- new milestone
.form-wrap {
&.milestone {
position:relative;
.inner {
&.left {
.title-wrap {
label {
font-weight:bold;
}
input {
height: 30px;
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
}
.content-wrap {
label {
font-weight:bold;
}
textarea {
width:100%;
height: 261px;
resize: vertical;
}
}
.actions {
text-align: right;
height: 26px;
.save {
vertical-align: top;
margin-right:5px;
}
}
}
&.right {
position:absolute;
top:22px;
right:0;
display:inline-block;
vertical-align:top;
width:250px;
height:385px;
padding: 15px 10px;
/*background-color: #ececec;*/
.border-radius(5px);
.due-date { width: 236px; margin-bottom:0; }
.pika-single { width:232px; }
.date-picker { margin-top:5px; }
label { color:#777; }
}
}
}
}
//-- project home
.project-home-header {
padding:5px 0 ;
margin-bottom:20px;
position: relative;
.project-overview {
border-left:3px solid #fc491e;
padding:0 10px;
h3 {
line-height: 30px;
font-size:14px;
font-weight: normal;
.markdown-wrap {
p {
margin: 0;
display: inline-block;
}
}
}
.project-description-edit {
input {
margin: 0;
}
}
}
.project-clone-wrap {
position: relative;
padding:5px 0;
.border-radius(6px);
.project-clone-url {
text-align: right;
float:left;
margin-bottom:0;
background-color:#FFF;
width: 175px;
border:1px solid #DDD;
border-right:none;
outline: 0;
cursor: pointer;
.border-radius(3px 0 0 3px);
.transition(width .15s);
position:absolute;
right:86px;
&:focus {
width:450px;
}
}
.project-clone-button {
margin-left:0;
position:absolute;
right:0;
width:86px;
padding:4px 0 !important;
.border-radius(0 3px 3px 0);
float:left;
}
}
}
.project-home {
padding: 10px;
/*font-size: 0;*/
.issue-wrap {
margin-bottom:15px;
a.btn { width:105px; }
}
.project-btn-wrap {
text-align:center;
padding:5px 0;
.project-btn-item {
margin-top:10px;
display:block;
a {
display:block;
}
&:first-child {
margin-top:0;
}
}
}
.inner {
background-color: @white;
/*margin-right: 10px;*/
margin-bottom:10px;
font-size: 12px;
overflow: hidden;
vertical-align: top;
.box-shadow(0 1px 0 rgba(0, 0, 0, .05));
.border-radius(10px);
&.member-info {
margin-right: 0;
height:auto !important;
}
&.logo {
position:relative;
width:260px; height:188px;
background-repeat:no-repeat;
background-position:center;
.background-size(cover);
.edit {
position:absolute;
top:0px; right:0px;
color:#fff; text-shadow:1px 1px #000;
padding:5px 10px;
font-weight:bold;
i { vertical-align:middle; }
}
}
&.project-info {
/*width: 53.3%;/*390px; /*350px;*/
.infos {
overflow-y: auto;
list-style: none;
margin: 0;
padding: 10px;
.info {
padding: 6px; /*5px 10px;*/
border-bottom: 1px solid #ededed;//@gray-d4;
color: #777;
&:first-child {
padding-top: 0;
}
&:last-child {
padding-bottom: 0;
border-bottom: 0 none;
}
.label-list {
span:not(.label) {
&:not(:last-child):after {
content: ", ";
}
}
}
}
}
button#edit-toggle {
float: right;
}
}
.project-members {
list-style: none;
margin: 0; padding: 10px;
.member {
display:block;
padding: 5px 10px;
border-bottom: 1px solid #ededed;
color: #999;
&:first-child {
padding-top: 0;
}
&:last-child {
padding-bottom: 0;
border-bottom: 0 none;
}
.name {
line-height:24px;
margin-left:5px;
strong {
max-width:180px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
.inline-block;
}
}
}
}
header {
background-color: #F8F8F8;
padding: 10px 0;
h3 {
font-size: 12px;/* 16px;*/
color: #4C4C4C;
margin: 0;
.inline-block;
line-height: 20px;
}
.project-status {
float: right;
line-height: 19px;
.ico-like { vertical-align: bottom; }
.num { color: #4489A4; }
.sp { color: #ccc; margin: 0 7px; }
}
}
}
}
.project-hometop-wrap {
display:block; clear:both;
height:30px;
.vcs-wrap {
.repo-info;
padding:0; line-height:30px;
.repo-url {
width:570px;
font-family:Consolas,Tahoma,Verdana !important;
background:#f5f5f5;
}
}
.issue-wrap {
strong.num {
&.open { color:@blue; }
}
}
}
.readme {
padding: 5px;
.default {
padding:20px;
text-align:center;
.v { display:inline-block; width:0; height:500px; vertical-align:middle; }
}
.readme-wrap {
.border-radius(10px);
background-color: @white;
overflow: hidden;
header {
padding: 10px 25px;
background-color: #F8F8F8;
border-bottom: 1px solid @gray-d4;
font-size: 18px;
.ico {
vertical-align: middle;
margin-right: 5px;
}
}
.readme-body {
padding: 25px;
font-size: 1.2em;
}
}
.markdown-wrap {
img {
box-sizing: content-box;
background-color: #fff;
border-style: none;
box-shadow: none;
margin: 5px 0;
padding: 0;
}
}
}
.project-overview-home {
h5 {
margin-bottom:20px;
border-left: 3px solid @yobi-primary;
padding-left: 10px;
}
small {
color:#999;
margin-left:3px;
width:35px;
display:inline-block;
}
.progress { margin-top:7px; width:100px; height:7px; }
.num {
text-align:right;
padding-right:15px;
}
.empty {
text-align:center;
p { margin-bottom:15px; color:#999; font-size:13px; }
}
.overview-label {
border-bottom:1px solid #eee;
padding:5px 0;
dt { width:120px; line-height:30px; }
dd { margin-left:140px; line-height:30px; }
&:first-of-type { padding-top:0; }
&:last-of-type { border-bottom:none; }
}
.overview-assignee {
.usf-group {
display:block;
white-space: nowrap;
overflow:hidden;
.text-overflow();
}
}
.overview-pullrequest {
.title {
white-space: nowrap;
display:inline-block;
.text-overflow();
}
.review {
text-align:right;
&.disabled { color:#ddd; }
}
}
}
.historyAgo {
font-size:11px;
font-weight:normal;
margin-left:3px;
color:@secondary;
&.new { color:@primary; }
&.old { color:#777; }
}
.write-btn-wrap {
margin: 20px 0;
text-align: right;
}
.board-view {
.num {
color: #51AACC;
margin-right: 5px;
}
}
.board-header {
display:block;
clear:both;
border:none;
margin:15px 0;
.board-id {
font-size:14px;
padding-right: 10px;
color:#939393;
}
.title {
font-size: 18px;
line-height: 30px;
color: #000;
padding: 10px 20px;
background-color:@yobi-white-dark;
word-break:break-all;
.border-radius(10px);
}
.date {
display:inline-block;
vertical-align:top;
line-height:29px;
margin-right:20px;
color: #999;
}
.badge { color:#fff; }
}
.badge {
margin-right:25px;
font-weight:bold;
color:#FFF;
padding:5px 15px;
line-height:20px;
.border-radius(15px);
&.badge-issue-open { background-color:@state-open; }
&.badge-issue-closed { background-color : @state-closed;}
&.badge-issue-rejected { background-color : @state-rejected;}
&.badge-issue-merged { background-color: @state-merged;}
&.badge-issue-conflict { background-color: #C0392B;}
}
.board-body {
.author-info {
display:block;
margin:10px 20px;
}
.posting-history {
display: inline-block;
margin-left: 10px;
}
.content {
padding:0 20px;
margin-bottom: 20px;
min-height: 150px;
&.empty-content {
text-align: center;
background-image:url("@{base-image-path}/no_contents.jpg");
background-repeat: no-repeat;
background-position: center 50%;
}
}
textarea.content {
padding:6px;
}
.right-menu-icons {
button.icon {
line-height: 30px;
font-size: 22px;
color: lightgray;
.yobicon-lang {
font-size: 20px;
}
&.disabled {
color: #eee !important;
}
&:hover {
color: #51aacc;
opacity: 1;
}
}
.pt5px {
padding-top: 5px;
}
}
.count {
margin-left: -3px;
}
}
.empty-result {
padding:0 20px;
margin: 20px 0;
text-align: center;
min-height: 250px;
background-image:url("@{base-image-path}/no_contents.jpg");
background-repeat: no-repeat;
background-position: center 50%;
}
.attachments {
ul {
list-style-type:none;
}
.yobicon-paperclip {
vertical-align: middle;
}
.filename {
margin-left:5px;
}
.filesize {
font-size:10px;
color:#999;
margin-left:5px;
}
.download {
i,span { vertical-align: middle;}
}
.attach {
line-height: 23px;
width: 100%;
}
.attaches {
margin-right: 30px;
}
}
.board-comment-wrap {
display:block; clear:both;
font-family:@base-font-family;
.comment-header {
color: #222;
font-size: 16px;
line-height: 40px;
}
.comments {
margin: 0;
padding: 0;
list-style: none;
.comment-update-form {
display:none;
.textarea-box {
padding-right: 2px;
margin-bottom: 10px;
}
.write-comment-box {
padding: 10px;
}
}
.comment {
padding: 10px 0px;
position: relative;
&:target {
.media-body {
border: 2px solid #03a9f4;
&::before {
border-color: #03a9f4;
border-width: 0 0 2px 2px;
}
}
}
.comment-avatar {
float: left;
padding-left: 5px;
}
.add-a-comment {
font-size: 12px;
background-color: #fff;
position: relative;
right: 10px;
color: #00b0e8;
border: 1px solid #00b0e8;
margin-top: -32px;
padding: 0 5px;
border-radius: 3px;
display: none;
z-index: 2;
&:hover {
box-shadow: 1px 1px 2px #e0e0e0;
cursor: pointer;
display: block;
}
}
.subcomment-media-body {
margin-left: 60px;
text-align: right;
.deleteButtonX {
display: inline-flex;
align-items: center;
color: red;
}
.child-comments {
.one-line-comment:last-child {
}
}
.one-line-comment {
.contents {
text-align: left;
margin-left: 12px;
padding: 5px 0 4px 10px;
border-bottom: 1px dashed #ccc;
.no-text-decoration {
color: #0e90d2;
}
}
.author {
text-align: right;
}
}
.child-comment-input-form {
display: none;
textarea {
margin-top: 5px;
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0 !important;
margin-bottom: 0;
resize: none;
overflow: hidden;
padding-left: 10px;
}
button {
display: inline-block;
}
}
}
.media-body {
margin-left:52px;
border:1px solid #BDC3C7;
.border-radius(3px);
&:before {
position:absolute;
top:23px;
left:47px;
content:' ';
width: 9px;
height: 9px;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #BDC3C7;
background-color: #f8f8f8;
.rotate(45deg);
}
&:hover {
box-shadow: 2px 2px 1px 0 rgb(220, 220, 220)
}
.meta-info {
height:22px;
padding:5px 15px;
margin-bottom: 0;
background-color: #F7F7F7;
.yobicon-comment {vertical-align: middle;}
.act-row {
overflow: hidden;
i {
font-size: 20px;
line-height: 20px;
color: #000;
.opacity(20);
&.yobicon-edit-2 { margin-top:2px; }
&.yobicon-hearts {
&:hover {
color: #f68c52
}
}
&:hover {
color:@yobi-link;
.opacity(100);
}
&.vote-heart-disable-hover:hover {
color:initial;
opacity:0.2;
font-size:16px;
}
}
.vote-description-people {
color:#3b5998
}
.vote-heart-on {
font-size:16px;
color:@primary;
opacity:1.0;
}
.vote-heart-off {
font-size:16px;
}
}
.comment_author {
font-size:13px;
margin-right:5px;
color: #3f3e40;
vertical-align: middle;
}
.ago {
color:#7F8C8D;
.outdated {
text-decoration:line-through;
}
}
}
.comment-body {
font-size: 1.1em;
padding: 5px 20px;
}
}
.attach-preview-wrap {
margin-top: 10px;
}
&.mentioned {
.media-body {
&:before {
background-color: #e1f5fe;
border-color: #56C5F7;
}
border: 1px solid #56C5F7;
}
.meta-info {
background-color: #e1f5fe;
}
}
&.author {
.attach {
border-top: none;
border-left: none;
}
}
}
.reply {
padding:0;
.media-body {
border-top:0px;
.border-radius(0 0 0 0);
&:before {
content:none;
}
}
}
.hasReply {
padding-bottom:0px;
.media-body {
.border-radius(3px 3px 0 0);
}
}
.last {
padding-bottom:10px;
.media-body {
.border-radius(0 0 3px 3px);
}
}
.event {
padding: 2px 0 2px 55px;
font-size: 1em;
line-height: 30px;
.state {
color:#FFF;
padding: 6px 0;
text-align:center;
display:inline-block;
width:90px;
line-height: 14px;
font-weight:bold;
.border-radius(5px);
margin-right:10px;
i {margin-right:3px;}
&.merged { background-color: @state-merged;}
&.closed { background-color: @state-closed;}
&.open { background-color : @state-open;}
&.changed { background-color : @state-changed;}
&.rejected {background: #F39C12;}
&.conflict {background: #C0392B;}
&.resolved {background: #468847;}
&.sharer-added {
background-color: #B2EBF2;
color: #0097A7;
}
&.sharer-deleted {
background-color: #FFCCBC;
color: #F4511E;
}
&.label-added {
background-color: #B2EBF2;
color: #0097A7;
}
&.label-deleted {
background-color: #FFCCBC;
color: #F4511E;
}
&.milestone-changed {
background-color: #0088cc;
}
}
em { font-size:12px; color:#7F8C8D; margin-right:5px;}
.date {
font-size: 11px;
color: #aaa;
}
/** pullRequest view **/
.commit-list {
list-style:none;
padding:0;
margin:10px 0 0 102px;
border:1px solid #ddd;
background:#fdfdfd;
.border-radius(3px);
.commit-info {
padding:10px 5px;
.commit-id {
float:left;
color: @yobi-link;
font-family: @fixed-font-family;
font-size: 12px;
width: 70px;
text-align: center;
}
.commitMsg {
&.short {
margin:0;
vertical-align: middle;
padding:5px;
}
&.desc {
margin-left:80px;
font-family: @fixed-font-family;
}
}
&:nth-child(even) {
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}
&:last-child {
border-bottom:0;
}
}
.outdated {
text-decoration:line-through;
a { text-decoration:line-through;}
}
.avatar-wrap {
margin-top:-2px;
float:right;
margin-right:5px;
}
.date {
float:right;
margin-right:15px;
margin-top:3px;
}
}
}
}
}
.commitMsg {
a {
color: @blue2;
}
&.short {
padding:5px;
font-size:14px;
word-break: break-word;
vertical-align:middle;
text-overflow: ellipsis;
white-space: pre-line;
}
&.desc { /* pre */
word-break: break-all;
word-wrap: break-word;
font-size:12px;
background:transparent;
border:none;
border-left: 3px solid #F1f1f1;
font-family:@fixed-font-family;
color:#666;
.border-radius(0);
}
&.moreBtn { /* button */
position: relative;
top: -1px;
display: inline-block;
outline:none;
background-color:transparent;
border:0;
line-height: 0;
margin-left: 3px;
span {
display: inline-block;
background-color: #bbb;
color: #fff;
padding: 2px 7px;
line-height: 6px;
height: 12px;
font-size: 12px;
vertical-align: middle;
.border-radius(2px);
}
}
}
div.markdown-loader {
font-size: 16px;
min-height: 140px;
padding: 15px 20px;
text-align: left;
clear: both;
}
div.markdown-preview {
border:1px solid #ccc;
.border-radius(0 0 3px 3px);
background: #FAFAFA;
padding: 15px 20px;
}
.write-comment-box {
padding: 0 0 15px 54px;
font-family:@base-font-family;
.write-comment-wrap {
position: relative;
.nav {
margin-bottom: 0;
}
textarea.disabled {
resize:none;
height:80px;
background:transparent;
}
input[type="radio"]{
display: none;
}
.comment-update-button{
margin-top: 10px;
}
}
.comment {
height: 160px;
margin: 0;
resize:vertical;
.box-shadow(none);
&:focus {
border: 1px solid @gray-cc;
}
}
.upload-wrap {
background:#efefef;
padding:10px; margin-bottom:10px;
.border-radius(0px 0px 5px 5px);
}
.actrow { margin-top:10px; }
}
.board-footer {
text-align: right;
font-size: 0;
margin-top: 20px;
.add-btn {
font-size: 12px;
color: #888;
.ico {
margin-right: 5px;
}
}
}
.board-actrow {
margin:20px 0;
overflow:auto;
padding-right: 15px;
button {
i.yobicon-hearts {
&:hover {
color: #f68c52;
}
}
}
button.icon {
line-height: 30px;
font-size: 22px;
color: lightgray;
.yobicon-lang {
font-size: 20px;
}
&.disabled {
color: #eee !important;
}
&:hover {
color: #51aacc;
opacity: 1;
}
.yobicon-hearts {
font-size: 16px;
}
}
.pt5px {
padding-top: 5px;
}
}
.labels-wrap {
position:relative;
select { visibility: hidden; }
}
.issue-info {
padding:15px 0 0 52px;
&.affix { top: 0; width:219px; }
.project-btn-item {
a {
width: 90%;
margin-bottom: 15px;
}
}
dl {
margin-bottom:20px;
dd {
padding:5px 0px;
}
}
p {
margin-bottom: 5px;
line-height: 14px;
}
.name {
font-size: 11px;
}
.status {
margin: 0;
color: #646464;
font-size: 11px;
.ico {
vertical-align: top;
}
}
}
// -- new attach files //
.upload-wrap {
padding:10px !important;
.help { display:none; }
.attach-wrap {
text-align:center;
.btn-wrap {
display:inline-block !important;
margin:0 5px; vertical-align:top;
}
.plain {
display:inline-block;
line-height:30px;
}
}
.attached-files {
display:none;
padding: 0;
margin-bottom: 0;
margin-top: 15px;
border-top: 1px solid #e0e0e0;
padding: 15px 0px;
}
}
.attached-file {
display: inline-block;
max-width: 50%;
height: 30px;
line-height: 30px;
border: 1px solid #ccc;
background: #fafafa;
padding: 0 10px;
margin: 5px 4px;
cursor:pointer;
overflow: hidden;
-webkit-transition-duration: 0.5s;
&:hover { border:1px solid @primary; }
i {
display:none;
margin-right:3px;
vertical-align: middle;
color:@yobi-blue;
}
.name {
display: inline-block;
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
vertical-align:middle;
-webkit-transition-duration: 0.5s;
}
.size { font-size:11px; vertical-align:middle; }
/* 업로드 하는 도중에는 진행 상태 표시 */
.progress {
display: inline-block;
width: 100px;
height: 7px;
margin: 0;
overflow: hidden;
}
.btn-delete {
width: 30px;
height: 30px;
font-size: 1.5em;
font-weight: bold;
&:hover { color:@primary; }
}
.btn-insert {
display:none;
line-height: 20px;
margin-top: 2px; margin-right: 10px;
.box-shadow(none);
&:hover { background:#fff; color:@primary; }
}
/* 업로드 완료 후에는 삭제 버튼 표시 */
&.complete {
.progress { display:none; }
.btn-delete { display:inline-block; }
.btn-insert { display:block; }
}
/* 임시 파일 표시 */
&.temporary {
i { display:inline-block; }
}
}
.upload-drop-here {
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
border: 3px dashed #FFB23D;
background: rgba(255,255,255,0.8);
z-index: 9999;
display:none;
pointer-events: none;
.msg-wrap {
position:relative;
width:100%; height:100%;
}
.msg {
position: absolute;
top: 50%;
width: 100%;
margin-top: -13px;
color: #999;
font-size: 26px;
text-align: center;
}
}
.dragover .upload-drop-here {
display:block;
}
// -- //
.frm-wrap {
dl, dt, dd { margin:0; padding:0; }
dt {
margin:3px 0px 1px 0px;
label {
font-weight:bold;
margin-right:5px;
}
}
}
.issue-option {
width:100%;
margin-bottom:16px !important;
dt { margin-bottom:5px; }
dd {
margin:0;
.btn-group { width:100%; }
select {
width: 100%;
}
}
span {
&.over { color:#f36c22 !important; }
}
}
.label-editor {
padding-top:10px;
border-top:1px solid #ddd;
.colors-wrap {
position:relative;
padding-top: 32px;
.colorInput {
position:absolute;
top:0; left:0; right:0;
}
}
}
.content-wrap {
.text {
width: 99%; /*946px;/*866px;*/
}
textarea.content{
height: 300px;
}
textarea.text {
resize:vertical;
}
.title {
margin-top: 15px;
margin-bottom: 15px;
font-size:18px;
border: none;
border-bottom: 1px solid #ddd;
border-radius: 0 !important;
}
.error {
margin-bottom: 5px;
}
.message {
margin-bottom: 15px;
color:red;
font-weight:bold;
}
.content {
height:190px; /*320px;*/
}
.actions {
margin-top: 20px;
text-align: center;
position: relative;
}
.actrow {
margin-top:20px;
}
}
.content-footer {
padding: 10px 20px;
background-color: #f5f5f5;
.border-radius(5px);
}
.post-list-wrap {
list-style: none;
&.notice-wrap {
background-color: #F7F7F7;
border: 1px solid #ccc;
.border-radius(6px);
li:last-child {
border:none;
}
clear: both;
}
.label-notice {
background-color: #51aacc;
}
}
label.issue-item-row {
display: block;
margin:0;
}
.post-item {
padding:10px;
border-bottom:1px solid #ddd;
display:block;
overflow: auto;
clear: both;
&.active {
background-color:#F5F5F5 !important;
}
.mass-update-check {
vertical-align: middle;
text-align:center;
float:left;
margin-right:15px;
input {
margin-top:15px;
}
}
.avatar-wrap {
margin-right:10px;
float: left;
&.assinee {
margin-right:0;
}
}
.title-wrap {
display:block;
line-height: 20px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
position: relative;
.post-id {
color:#999;
margin-right:5px;
font-size: 13px;
font-weight: bold;
}
.title {
color: #333;
font-size: 15px;
font-weight: 600;
&.project {
color:#3592b5;
margin-right: 10px;
}
&:hover {
color:#3592b5;
text-decoration: none;
}
&.name {
color : #333;
&:hover {
color:#333;
}
}
&.conflict {
color: #b94a48;
&:hover {
color: #b94a48;
}
}
}
}
.infos {
display:block;
line-height: 20px;
font-size:12px;
color:#999;
overflow: hidden;
.infos-item {
margin-right:6px;
float:left;
&.project-name {
color:#51aacc;
}
&.infos-link-item {
&:hover {
color:#3592b5;
text-decoration: none;
}
}
&.infos-icon-link {
color:#3592b5;
i {vertical-align: middle;}
.size {margin-right:3px;}
.total {color:#777;}
&:hover {
color:#3592b5;
text-decoration: none;
}
&.open {
color:@state-open !important;
}
&.closed {
color:@state-closed !important;
.total { color:inherit !important; }
}
}
&.infos-sympathy {
color:@yobi-orange-dark !important;
font-weight: bold;
}
.upload-progress {
display: inline-block;
width: 30px;
vertical-align: middle;
overflow: hidden;
margin-top: 3px;
.border-radius(5px);
.bar { height:100%; }
}
.infos-icon { color:#777; margin-right:2px; }
&.over {
color:@yobi-primary !important;
.infos-icon { color:@yobi-primary; }
}
}
}
}
.item-count-groups {
border:1px solid #EEE;
.border-radius(3px);
line-height: 14px;
margin-top:2px;
.comments-count:hover {
color: lighten(@darkmagenta, 10%);
}
.vote-count:hover {
color: lighten(@primary, 10%);
}
.vote-color {
color: @primary;
}
.comments-count-color {
color: @darkmagenta;
}
.sharer-color {
color: @green;
}
a:nth-child(2) {
margin-left: -5px;
}
a:nth-child(3) {
margin-left: -5px;
}
.count-groups {
margin:0 auto;
display:inline-block;
text-align: center;
padding:0 5px;
&.item-icon {
font-size: 9px;
padding-top:2px;
line-height: 12px;
border-left:1px solid #EEE;
&:first-child {
border-left:none;
}
}
&.item-count {
padding:0 5px 0 0;
}
}
}
.state {
margin-right:16px;
margin-top:7px;
font-weight:bold;
color:#FFF;
padding:5px 12px;
.border-radius(15px);
&.merged { background-color: @state-merged;}
&.open { background-color: @state-open; }
&.closed { background-color : @state-closed;}
&.rejected { background-color : @state-rejected;}
&.conflict {background: #C0392B;}
}
.empty-avatar-wrap {
width:32px;
height:32px;
}
.mileston-tag {
max-width: 135px;
text-overflow: ellipsis;
overflow: hidden;
color: #2196f3;
font-size:11px;
.border-radius(6px);
}
.overdue {
color:@yobi-red;
}
.pullRequest-branchInfo {
code {
border:none;
background: transparent;
color: @yobi-cyan-dark;
padding: 0;
a {
color: @yobi-cyan-dark;
&.branchName { color:@yobi-cyan; }
}
}
i { font-size:12px; margin:0 5px; color: @yobi-cyan-dark; }
}
.pullRequest-stateInfo {
margin-top:15px;
.alert {
padding:15px;
font-size:13px;
font-weight:bold;
.border-radius(3px);
i {
margin-top:-2px;
font-size:15px;
vertical-align: middle;
}
&.alert-success { color:@yobi-green-dark; }
&.alert-error { color:@yobi-red-dark; }
&.alert-warning { color:@yobi-yello-dark; }
&.alert-info { color:@yobi-cyan-dark; }
}
}
.codediff-wrap {
position:relative;
.diffs-wrap {
position:relative;
display:block;
margin-right:282px;
.diff-body {
position:relative;
.border-radius(3px);
min-height:30px;
}
.write-comment-box { padding:0; margin-top:20px; }
}
.review-wrap {
position:absolute;
display:block;
width:260px;
min-height:30px;
top:0; right:0;
.review-container {
width:260px;
position:relative;
&.affix {
position: fixed;
top:10px;
}
.review-list {
overflow:auto;
}
}
}
.btn-hide-reviewcards {
position:absolute; right:0;
}
.btn-show-reviewcards {
display:none;
}
&.diffs-only {
.diffs-wrap { width:100%; }
.review-wrap { display:none; }
.btn-hide-reviewcards {
display: none;
}
.btn-show-reviewcards {
display:block;
position:absolute;
top:0; right:-52px;
z-index:10;
}
}
.non-ranged-threads-wrap {
margin-top:20px;
.btn-thread-minimize { display:none; }
.comment-thread-wrap {
border-right:1px solid #ddd;
border-left:1px solid #ddd;
.border-radius(0 3px 3px 0);
}
}
.non-ranged-threads-wrap {
margin-top:20px;
.btn-thread-minimize { display:none; }
.comment-thread-wrap {
border-right:1px solid #ddd;
border-left:1px solid #ddd;
.border-radius(3px);
}
}
}
.relative-issue {
display:none;
dt { color:#797979; }
ul {
margin-left:5px;
.issue-item {
padding:0;
border:none;
.date { font-size:11px; color:#999; }
}
}
}
.vote-wrap {
display:inline-block;
direction: rtl;
margin-right: -3px;
font-size:@base-font-size;
vertical-align:middle;
a:hover {
text-decoration: none;
}
.yobicon-hearts:hover {
color: #f68c52;
}
.ybtn {
padding:3px 12px !important;
}
&.voter-exists {
}
.heart {
display:inline-block;
color:#ddd;
font-size: 17px;
margin-right:2px;
vertical-align:middle;
margin-top: 3px;
}
.desc {
display:inline-block;
margin-right:3px;
vertical-align:middle;
}
.count {
display:inline-block;
vertical-align: middle;
}
.ybtn-watching {
.heart {
color:@yobi-primary;
}
}
}
.voter-list-wrap {
display:inline-block;
margin-left:.3em;
margin-right: 5px;
vertical-align:middle;
overflow: hidden;
}
#-yona-posting-history{
.history-made-by{
font-size: 16px;
background-color: #eee;
line-height: 40px;
padding: 5px;
}
.added {
background-color: #abdd52;
padding: 5px;
}
.deleted {
background-color: #fda9a6;
padding: 5px;
}
.diff-added {
background-color: #abdd52;
padding: 2px 0;
}
.diff-deleted {
background-color: #fda9a6;
padding: 2px 0;
}
.diff-ellipsis {
color: #bdbdbd;
font-size: 16px;
font-family: serif;
}
}
.voter-list {
display:block;
list-style:none;
li {
float:left;
margin-right:3px;
line-height: 25px;
margin-top: -4px;
&:last-of-type {
margin-right:0;
}
}
.usf-group {
display:inline-block;
}
.avatar-wrap {
margin-right: 0 !important;
}
}
.voters-dialog {
width:340px;
margin-left:-170px;
text-align:left;
.close { margin-top:-2px; }
li {
margin-bottom:10px;
&:last-of-type {
margin-bottom:0;
}
}
}
//---- code browse
.code-browse {
.bubble-wrap {
padding: 10px;
.inner-bubble {
padding: 20px; /*20px 15px 20px 20px;*/
margin-bottom: 15px;
border-bottom:1px solid #cfcfcf;
}
}
}
.repo-wrap {
padding:0;
background:#fff !important;
overflow:visible !important;
}
.repo-info {
padding:0px;
/*text-align:left;/*center;*/
text-align:right; padding-right:4px;
.clone-label {
color: #4D4D4D;
margin-right: 10px;
font-weight:bold;
strong {
color:#fff; .border-radius(2px);
font-size: 11px; padding: 4px;
text-shadow: -1px -1px rgba(0,0,0,0.3);
margin-right: 5px;
.bgblue;
&.Subversion { .bgblue; padding: 8px; }
&.GIT { .bgblue; /*.bgorange;*/ padding: 8px 27px; }
}
}
.repo-url {
cursor: text;
margin: 0;
/*width: 520px;*/
width:60%;
font-family:Consolas,Tahoma,Verdana !important;
background:#f5f5f5;
.box-shadow(none);
.border-radius(2px 0 0 2px);
&:focus {
.box-shadow(none);
border: 1px solid #CCC;
}
}
.copy-btn {
padding: 0 19px;
margin-right: 10px;
margin-top:1px;
line-height: 28px;
border: 1px solid #CCC;
border-left: 0 none;
vertical-align: top;
text-decoration: none;
font-size: 11px;
font-weight: bold;
.inline-block;
.border-radius(0 2px 2px 0);
&:hover {
color: @orange;
}
}
.btn-group {
margin-top:1px;
.d-label {
width: 115px; /*155px;*/
}
}
}
.branch-label {
display:inline-block;
color:#fff;
font-size:11px;
background:@yobi-gray;
text-shadow: none;
text-align:center;
min-width:50px;
height:20px;
line-height:20px;
margin: 0 3px 0 0;
vertical-align: middle;
.border-radius(2px);
&.unknown {
display: none;
}
&.branch {
background-color: @yobi-yello-dark;
}
&.tag {
background-color: @yobi-cyan;
}
}
.double-sp {
margin: 15px 0 17px;
}
.minimap-outer {
display: none;
position: fixed;
width: 15px; height: 400px;
right: 1%; top:192px;
border: 1px solid rgba(0,0,0,0.3);
background: rgba(0,0,0,0.5);
z-index: 999;
overflow: hidden;
.minimap-wrap {
position: relative;
width:100%; height: 400px;
.minimap-curr {
position:absolute;
width:100%; height:10px;
background: rgba(255,255,255,0.6);
z-index: 10;
}
.minimap-links {
position:relative;
width:100%; height:400px;
a {
position:absolute;
width:100%; min-height:2px;
background: rgb(255,224,0);
text-indent:-1000px;
z-index: 11;
}
}
}
}
.code-browse-wrap {
position:relative;
.code-browse-header {
margin-top:10px;
margin-bottom:10px;
display:block; height:34px;
}
.code-breadcrumb-wrap {
display:inline-block;
padding:0; padding-right:10px;
color:#555;
line-height:30px;
font-size: 15px;
font-weight:bold;
a { margin:0 2px; }
a:after {
content:'/'; margin-left:4px;
}
a:first-of-type { margin-left:0; }
a:last-of-type {
color:@primary;
&:after { content:''; display:inline-block; }
}
}
.nav-tabs {
margin-bottom:0;
}
.actrow {
clear:both; margin-top:10px;
}
/** history **/
.commit-wrap {
background-color: @white;
.commit-id { text-align:center; vertical-align: top; padding:0; }
.tbody {
td { padding:10px 15px 10px 5px; }
.messages { /* see .commitMsg */ }
.commit-id {
position:relative;
text-align:center;
vertical-align:top;
padding:12px 3px;
font-family:@fixed-font-family;
font-size:12px;
width: 70px;
a {
color:@secondary;
&:hover { color:@link-hover-color; text-decoration:underline; }
}
.btn-copy-commitId {
display:none;
&.hover { background:#f1f1f1; }
}
&:hover {
.btn-copy-commitId {
position:absolute; display:block;
top:15px; left:-15px;
color:@secondary;
}
}
}
.messages { vertical-align:top;}
.author {
width: 40px;
text-align: right;
line-height:1 !important;
vertical-align: top;
}
.date {
width: 100px;
font-size:12px;
vertical-align: top;
}
.browse {
width:70px;
text-align:center;
vertical-align: top;
}
}
}
/** diff **/
/** code/diff.scala.html **/
.commitId {
color:@secondary;
margin-top:5px;
font-family: @fixed-font-family;
}
.commitInfo {
.ago { margin-left:5px; color:#bbb; }
.commitAuthor {
float:right; margin-top:5px;
.avatar-wrap { margin-right:5px; }
}
.commitMsg-wrap {
a {
color: @blue2;
}
.commitMsg.short { font-size:18px; white-space:normal; }
.commitMsg.desc { margin:5px; font-family: @fixed-font-family;}
}
.commitId-wrap { padding:10px 5px; }
}
.diff-wrap {
width:100%; overflow:auto; margin-bottom:20px;
}
.diff-wrap + ul.comments {
margin-top: 15px;
}
.compare-wrap {
.path { padding-left:20px; padding-top:10px; }
.compare-from { padding-left:20px; }
.mergely-wrap { margin:0px 20px; }
.actrow { margin-top:35px; text-align:center; }
}
.write-comment-box {
font-family:@base-font-family;
padding:5px;
}
/** view **/
.code-viewer-wrap {
width:100%;
overflow:auto;
zoom:1;
.code-tree {
display:table-cell;
width:20%;/*259px;*/
overflow-x : auto;
float:left;
height:100%;
}
.code-viewer {
display:table-cell;
float:right;
width:79%;/*680px;*/
height:100%;
}
}
.code-wrap {
border:none;
margin:0 !important;
padding:0 !important;
line-height: 16px;
.border-radius(0px);
.ace_scrollbar { display:none; }
.ace_scroller { right:0 !important; }
}
.image-wrap {
padding:10px;
img { max-width:100%; }
}
.list-wrap { display:none; }
.file-wrap {
display:block;
width:100%;
p {
.filename { display:block; font-size:20px; }
.filesize { display:block; font-size:13px; margin-bottom:20px; color:#999; }
}
}
.codebrowser-markdown {
border: 1px solid #ccc;
border-top: none;
padding: 0 20px 15px 20px;
}
/** list **/
.row-fluid { line-height:40px; }
.currentPath { font-weight:bold; background:#f7f7f7; }
.listhead {
background:#f7f7f7;
border-bottom:2px solid #efefef;
margin-bottom:5px;
height:40px; line-height:40px;
.commitDate { text-align:right; padding-right:5px; }
.filename { padding-left:5px; }
}
.listitem {
border-bottom:1px solid #efefef;
.filename { font-size:10pt; white-space:nowrap; .text-overflow; }
.commitMsg { font-size:10pt; color:#7e7e7e; .text-overflow; }
.commitDate { font-size:8pt; color:#7e7e7e; white-space:nowrap; text-align:right; padding-right:5px; }
}
[class^="depth-"],[class*=" depth-"] {
.listhead { display:none; }
.listitem {
.filename a { position:relative; }
.commitMsg { .text-overflow; }
}
span.dynatree-icon:before {
content:''; position:absolute; left:-10px;
width:10px; height:10px;
border:1px dotted #ccc;
border-width:0px 0px 1px 1px;
}
}
span.dynatree-icon {
margin:0 3px 1px 5px;
}
/** ??? **/
.cell {
display: table-cell;
background-color: @white;
vertical-align: top;
&.directory-wrap {
position: relative;
overflow: auto;
width: 100%;/*20%, 260px;*/
padding:15px 5px;
}
&.sp-wrap {
display:none;
border-left: 4px solid #E6E6E6;
}
&.file-wrap {
width:100%; /*80%, 916px;*/
overflow-x: auto;
}
}
.directory-header {
line-height: 34px;
background-color: #9C9C9C;
color: @white;
font-size: 10px;
padding-left: 20px;
position: absolute;
width: 180px;
display:none;
}
.directories {
margin: 0;
/*margin-top: 34px;*/
padding: 0;
overflow: auto;
list-style: none;
min-height: 320px;
&.view {
margin-top: 0;
}
.directory {
padding-left: 20px;
line-height: 50px;
border-bottom: 1px solid #E6E6E6;
a {
white-space: nowrap;
color: #337581;
}
&.selected {
background-color: #F2F2F2;
}
}
}
.code-table {
width: 100%;
td { padding: 0 15px 0 5px; }
.thead {
background-color: #f5f5f5;
line-height: 34px;
font-size: 12px;
border-bottom:1px solid #ccc;
}
.tbody {
font-size: 10pt; color: #666;
td { line-height: 30px; }
tr {
border-bottom: 1px solid #E6E6E6;
&:last-of-type { border-bottom:none; }
}
.message { line-height:150%; }
}
.filename {
padding-left: 10px;
max-width: 200px;
display:block;
color:#000;
.text-overflow;
span.dynatree-icon {
margin-right:5px;
margin-bottom:1px;
}
&.updir {
span.dynatree-icon { display:none; }
}
}
.updir { font-weight:bold; }
.messages {
.number-of-comments { float: right; position: relative; }
/* fileList */
span {
display:block; max-width:50%;
.text-overflow;
}
}
.author {
width: 40px;
text-align: right;
line-height:1 !important;
}
.date {
width: 100px;
font-size:12px;
}
}
.file-header {
margin-top: 10px;
line-height: 34px;
background-color: #f9f9f9;
border: 1px solid #ccc;
font-size: 11px;
overflow: hidden;
padding: 3px 15px 5px 15px;
.file-info {
float: left;
max-width: 70%;/*590px;*/
.text-overflow;
span {
padding-right:5px;
margin-right:5px;
border-right:1px solid #ccc;
&:last-of-type {
padding-right:0;
margin-right:0;
border-right:none;
}
&:empty {
display:none;
}
}
.commitMsg { font-weight:bold; }
}
.nbtn { margin:2px; }
}
}
.code-view-table {
td {
vertical-align: top;
}
pre {
line-height: 1.5;
padding: 0;
margin: 0;
background-color: transparent;
border: 0 none;
.border-radius(0);
font-size: 12px;
}
.line-num {
padding: 10px 6px;
text-align: right;
background-color: #F7F7F7;
border-right: 1px solid #EEE;
width: 22px;
.user-select-none;
> a {
color: #AAA;
}
}
.code-lines {
padding: 10px;
font-size: 0;
white-space: pre;
.line {
margin: 0;
padding: 0;
font-size: 12px;
}
}
}
//-- user setting2
.profile-frmwrap {
.avatar-frm {
display:inline-block;
vertical-align:top;
margin:30px; margin-right:50px;
.avatar-wrap {
position:relative;
.progress {
position:absolute;
width:130px; height:0px;
padding:0; margin:0; bottom:0px;
background:@primary; .opacity(80);
-webkit-transition-duration:1s;
&.loading { height:130px; }
}
}
.btn-wrap {
margin-left:10px;
.nbtn i { vertical-align:top; margin-right:2px; }
}
}
dl {
display:inline-block;
}
form {
display:inline-block;
vertical-align: top;
margin-right:50px;
&:last-of-type { margin-right:0px; }
}
}
#avatarUploaded {
display:none;
.msg {
width: 210px;
font-size: 11px;
padding: 5px; margin: 10px 0px;
text-align: center;
background: #FFF0E8;
border: 1px solid #fac7ab;
color: #F36C22;
font-weight: bold;
}
}
//-- user setting.
.user-info-box {
float: left;
width:200px;
.whoami-wrap {
position:relative; overflow:hidden;
width:200px; height:200px;
background-color:#ccc;
background-position:center;
.background-size(cover);
.border-radius(4px);
}
.whoami {
margin-top:15px;
.name {
font-size:18px;
font-weight:bold;
}
.edit {
text-align:right;
margin-top:5px;
}
}
.user-status {
margin-top:20px;
p {
display:inline-block;
line-height:2em;
padding:0 10px;
height:50px;
.num {
display:block;
color: @primary;
font-size:2em;
font-weight:bold;
}
.labels {
display:block;
color: #707070;
width: 70px;
letter-spacing:-1pt;
}
&:last-of-type {
border-left:1px solid #eee;
padding-left:20px;
}
}
.nbtn {
margin-top:20px; margin-left:3px;
text-shadow:1px 1px rgba(0,0,0,0.2);
i { vertical-align:top; }
}
}
.guest-user {
background-color: rgba(255, 165, 0, 0.8);;
color: white;
text-align: center;
width: 20px;
border-radius: 3px;
.left-mark {
width: 10px;
writing-mode: vertical-rl;
text-orientation: upright;
font-size: 10px;
margin-left: 10px;
padding-top: 5px;
}
}
.user-since {
margin-top: 10px;
padding:0 10px;
.since {
display:block;
font-size: 14px;
font-weight:bold;
color:@primary;
margin-left: 5px;
}
}
.btn-wrap {
text-align: center;
}
hr {
border-top:1px solid #d9d9d9;
}
}
.user-box {
margin: 15px 0 25px;
margin-bottom:0px;
overflow: hidden;
}
.user-stream-box {
margin-left: 220px;
overflow: hidden;
.h5-title {
background-color: #615353;
color: white;
padding: 5px;
}
.days-ago {
margin-right: 10px;
}
}
.user-stream-wrap {
.inner {
border-bottom:1px solid #c3c3c3;
}
}
//commit view
.commit-info-wrap {
padding-left: 10px;
span {
.inline-block;
margin-right: 5px;
font-size: 11px;
&.date {
color: #646464;
}
&.sp {
color: #999;
}
&.sha-block {
color: #646464;
.num {
color: #51AACC;
}
.commit-id {
color: #646464;
font-weight: bold;
}
}
}
}
.diff-code-view-table {
width: 100%;
.diff-line-num {
&:first-child {
border-left: 1px solid #EEEEEE;
}
width: 22px;
background-color: #F7F7F7;
padding: 0 6px;
text-align: right;
border-right: 1px solid #EEEEEE;
font-size: 12px;
line-height: 1.5;
.user-select-none;
> a {
color: #AAA;
}
}
.raw-code {
padding-left: 10px;
.point {
.inline-block;
}
&.gc {
background-color: #EEE;
}
&.plus {
background-color: #CFEAEA;
.point {
background-color: #46A4A4;
}
}
&.minus {
background-color: #FFEBDD;
.point {
background-color: #FFA86A;
}
}
pre {
background-color: transparent;
border: 0 none;
.border-radius(0);
font-size: 12px;
line-height: 1.5;
margin: 0;
padding: 0;
}
}
tr:last-child {
border-bottom: 1px solid #EEE;
}
}
.statistics {
padding: 10px;
font-size: 0;
}
.statistics-wrap {
.border-radius(10px);
overflow: hidden;
.inline-block;
width: 425px;
border-bottom: 1px solid @gray-d4;
background-color: @white;
&:nth-child(2) {
margin-right: 10px;
}
&.top {
display: block;
width: 860px;
margin-bottom: 15px;
.graph-wrap {
width: 820px;
margin: 10px 20px;
min-height: 240px;
}
}
.header {
background-color: #F8F8F8;
overflow: hidden;
padding: 0 20px;
font-size: 12px;
color: #999;
h2 {
font-size: 16px;
line-height: 37px;
color: #4C4C4C;
margin: 0;
float: left;
}
.desc {
float: right;
line-height: 37px;
.ico {
margin: 0 3px 0 5px;
}
}
}
.graph-wrap {
padding: 10px 20px;
background-color: @white;
min-height: 240px;
}
}
.error-wrap {
padding:100px 0px;
text-align:center;
p {
font-weight:bold; font-size:16px;
color:#898989; margin:30px 0;
}
}
.code-tab, .plugin-tab {
margin: 15px 0 20px;
}
.actions {
&:last-child { margin-right:0; }
}
// -- site admin
.site-setting-wrap {
margin:20px auto 0;
.site-setting-nav {
list-style: none;
li {
border-left: 4px solid #EEE;
line-height: 30px;
margin-top:3px;
font-size:14px;
a {
display:block;
padding:5px 10px;
&:hover {
background-color:#EEE;
text-decoration: none;
}
}
&:first-child {
margin-top:0;
}
&.active {
border-left:4px solid @primary;
font-weight: bold;
a:hover {
background: none;
}
}
}
}
.title_area {
overflow:hidden;
margin-bottom:29px;
padding-bottom:8px;
border-bottom:1px solid #ddd;
h2{
margin:0;
font-size:1.5em;
color:#4c4c4c;
line-height:30px;
}
.form-search{
margin:0;
}
}
.listhead {
background:#f7f7f7;
border-bottom:1px solid #efefef;
margin-bottom:5px;
padding:5px 0px;
line-height:30px;
.listhead-title{
padding:0 20px;
}
}
.listitem {
border-bottom:1px solid #efefef;
line-height: 70px;
.avatar-wrap {
&.list-avatar {
width:45px;
height:45px;
margin-right: 10px;
margin-top:3px;
float:left;
}
}
.listitem-col {
font-size: 12px;
padding: 10px 0;
text-overflow: ellipsis;
word-break : break-all;
line-height: 20px;
.user-id {
font-size: 13px;
}
.email {
font-size: 13px;
line-height: 43px;
}
.created-date {
padding: 0;
line-height: 30px;
}
&.action-buttons {
padding-top: 0;
}
}
&:nth-child(even) {
background-color: #f9f9f9;
}
}
.user-list-wrap {
list-style: none;
.user-name {
display:block;
margin-left:5px;
font-size:14px;
color:#0088cc;
margin-top:8px;
line-height: 20px;
font-weight: bold;
}
.user-id {
display:block;
margin-left:5px;
font-size:13px;
color:#999;
line-height: 20px;
font-style:italic;
}
}
.post-list-wrap {
list-style: none;
.listitem {
padding:10px 0;
}
.post-info-wrap {
line-height: 20px;
margin-top: 5px;
.post-project {
font-size:15px;
font-weight: bold;
display:inline-block;
line-height: 20px;
color:#0088cc;
}
.post-info-separator {
font-size:15px;
font-weight: bold;
padding:0 5px;
}
.post-title {
font-size:15px;
font-weight: bold;
}
}
.post-meta-wrap {
font-size:11px;
line-height: 20px;
.avatar-wrap {
width:14px;
height: 14px;
}
.post-meta-item {
margin:0 5px;
}
.post-comments {
i { vertical-align: middle;}
}
}
}
.project-list-wrap {
list-style: none;
.project-name {
font-size:14px;
font-weight: bold;
}
}
.mail-btn-wrap {
text-align: center;
}
.mess-mail-wrap {
input[type="text"] {
margin:0;
}
}
}
// -- pull request
.pull-request-wrap {
position:relative;
display: block;
margin-bottom:20px;
min-height:55px;
.field-title {
display:block;
font-weight: bold;
}
.arrow {
position:absolute;
left:50%; top:20px;
margin-left:-16px;
text-align:center;
color: @yobi-gray;
font-size: 32px;
}
}
.request-summary {
float: right;
width: 100%;
th {
text-align: left;
}
td {
text-align: right;
}
}
.mass-update-wrap {
&.affix {
top:0;
padding:15px 0;
border-bottom:1px solid rgba(0, 0, 0, 0.1);
width:100%;
background: #fff;
z-index: 900;
}
}
.mass-update-form {
position:relative;
-webkit-transition:padding 0.5s;
.mass-update-list {
max-height: 350px;
overflow-y: auto;
}
}
.fork-wrap {
.project-from {
display:inline-block;
width:300px;
vertical-align:middle;
text-align:center;
.title { color:@secondary; }
}
.arrow {
display:inline-block;
vertical-align:middle;
padding:0 40px;
}
.project-to {
display:inline-block;
width:550px;
vertical-align:middle;
.project-name-wrap {
display:block;
.title { color:@primary; }
.owner {
display:inline-block;
font-size:14px;
padding-top:5px; margin-right:10px;
}
.project-name {
display:inline-block;
vertical-align:top;
input { font-size:14px; }
.help-block { color:#999; }
}
}
.project-public {
line-height:30px;
}
}
}
// -- keymap
.keymap-help {
padding:20px;
line-height:30px;
white-space:nowrap;
text-align:left;
font-size:12px;
width:640px;
margin-left:-320px;
.ybtn {
min-width:20px;
margin-right:3px;
}
.actrow {
text-align:center;
margin-top:30px;
}
}
// -- Help Messages
.help-messages {
margin-left: 10px;
p:not(.lead) {
font-size: 120%;
}
}
.input-mini-min {
width: 30px;
border: none;
top: 4px;
position: relative;
background-color: #F7F7F7;
text-align: right;
border: none;
}
.dimmedColor {
color: #eee;
}
.no-gradient{
background-image: none;
}
.btn-flat{
.active {
color: #fff;
background-color: #979797;
text-shadow: none;
.box-shadow(none);
}
.dirty { background-color: @secondary; }
.btn {
padding-top: 2px;
padding-bottom: 2px;
}
}
.project-category {
margin-top: 10px;
border: 2px solid #000;
border-radius: 5px;
border-top: 5px solid #000;
.categotry-header {
text-shadow: none;
background-color: #000;
color: #FFF;
padding-bottom: 7px;
font-size: 12px;
}
li {
a {
font-size: 13px;
padding-top: 7px;
padding-bottom: 7px;
}
}
}
/** code comments **/
.diff-body tr.comments {
display:none;
}
.diff-body.show-comments tr.comments {
display: table-row;
}
.diff-body tr.comment-form {
td {
position:relative;
padding:0; padding-left:5px;
border:1px solid #ccc;
border-width:1px 0;
.review-form {
position:static;
max-width: 860px;
border:0;
.border-radius(0);
}
}
}
/*div#mode-select { text-align:right; }*/
.pullreq-info {clear:both; padding-bottom:10px; margin-bottom:10px; }
.go-zen {
position: absolute;
right: 8px;
margin-top: 14px;
z-index:999;
}
.oneline-comment-box {
display: flex;
margin-left: 12px;
textarea {
width: 100%;
}
}
.textarea-box {
padding: 0;
margin: 0;
display: block;
padding-right: 14px;
position:relative;
textarea {
.border-radius(0 0 3px 3px);
width: 100%;
resize:vertical !important;
font-size: 1em;
}
}
.markdown-help {
margin:5px 0 0;
.markdown-help-title {
background-color: #F7F7F7;
padding:0 10px;
display: inline-block;
line-height: 30px;
border:1px solid #ddd;
border-bottom: none;
.border-radius(3px 3px 0 0);
}
.markdown-help-nav {
list-style: none;
background-color: #F7F7F7;
border:1px solid #ddd;
border-bottom: none;
li {
display: inline-block;
padding:5px 7px;
line-height: 20px;
.label {
background-color: #C7C9C9;
text-shadow:none;
}
&.help-nav {
cursor: pointer;
position: relative;
color:#9e9e9e;
&:hover {
color:#333;
}
&.active {
color:#333;
font-weight: bold;
&:before {
content: " ";
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
overflow: hidden;
border: 7px solid transparent;
border-style: outset outset solid outset;
border-bottom-color: #ddd;
margin-left: -7px;
}
&:after {
content: " ";
position: absolute;
bottom: -1px;
left: 50%;
width: 0;
height: 0;
overflow: hidden;
border: 7px solid transparent;
border-style: outset outset solid outset;
border-bottom-color: #FFF;
margin-left: -7px;
}
}
}
}
}
.markdown-help-wrap {
list-style: none;
background-color: #FFF;
.markdown-help-item {
border-top:none;
height: 0;
overflow: hidden;
&.active {
border:1px solid #ddd;
border-top: none;
border-bottom: none;
height: auto;
padding:10px;
}
.thead {
background-color: #F7F7F7;
.border-radius(6px 6px 0 0);
border:1px solid #ddd;
border-bottom: none;
div {
padding:0 10px;
line-height: 30px;
font-weight: bold;
}
}
.markdwon-syntax-wrap {
border:1px solid #ddd;
.markdwon-syntax {
padding:10px;
pre {
padding:0;
margin:0;
background-color: transparent;
border:none;
}
}
}
}
}
}
.conflict-files {
background:#fefefe; color:#d14;
font-family: "monospace", Consolas, Tahoma;
padding:10px;
.border-radius(2px);
}
.beta {
font-size: 10px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 3px;
padding: 2px;
margin: 0px;
color: @primary;
}
.diff-body {
font-family: "monospace", Consolas, Tahoma;
.isBinary { color:#bbb; text-shadow:-1px -1px #fff; padding:5px 10px; }
.btnPop { position:absolute; display:none; }
.diff-partial-outer {
border: 1px solid #bbb;
margin-bottom: 20px;
.diff-partial-inner {
.diff-partial-meta {
background-color: #eee;
border-bottom: 1px solid #bbb;
height: 30px;
position:relative;
.diff-partial-commit {
float:left;
.diff-partial-commit-id {
float:left;
padding:5px 2px;
font-weight: bold;
border-right:1px solid #bbb;
width:52px;
text-align: center;
}
}
.diff-partial-file {
padding:5px 10px;
font-weight: bold;
overflow: hidden;
white-space: nowrap;
word-break : break-all;
margin-right: 115px;
.filename {
color:@base-text-color;
font-size:@base-font-size;
}
}
.diff-partial-utility {
position:absolute;
top:0;
right:0;
padding:2px 5px;
}
}
.diff-partial-code {
overflow: auto;
overflow-x: auto;
overflow-y: hidden;
.patch-header {
.path {
display:block;
color:transparent;
font-size:0;
.opacity(0);
height: 0;
}
}
table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
tr {
td {
&.linenum {
text-align: right;
color: rgba(0, 0, 0, 0.3);
white-space: nowrap;
border-right: 1px solid #e5e5e5;
width:50px;
padding:0 3px;
.user-select(none);
cursor: pointer;
.line-number {
width: 50px;
height: 20px;
position: relative;
&:before {
position: absolute;
content: attr(data-line-num);
width: 50px;
display: block;
}
}
.yobicon-comments {
position:absolute;
cursor: pointer;
.opacity(0);
margin-left: -84px;
width: 25px;
margin-top:2px;
}
}
&.code {
white-space: nowrap;
padding:0 5px;
.diff-partial-codeline {
font-family: @fixed-font-family;
background-color: transparent;
border:none;
margin:0;
padding:0;
font-size:12px;
white-space: pre;
}
}
&.diff-comment-box {
border:1px solid #e5e5e5;
border-left: none;
border-right: none;
form { margin:0;}
.write-comment-box {
padding:15px 0 15px 50px;
margin:0;
.write-comment-wrap {
max-width: 1070px;
}
}
}
}
&.add {
background-color: #eeffcc;
}
&.remove {
background-color: #fdd;
}
&.range {
color: #999;
background-color: #f8f8ff;
td {
text-align: right;
border-right: 1px solid #e5e5e5;
&.hunk {
text-align: left;
padding-left:5px;
}
}
}
&.comments {
display: none;
td {
padding:0;
li {
max-width: 1150px;
}
/* see .comment-thread-wrap */
}
}
}
&.show-comments {
tr.comments {
display: table-row;
}
}
}
tr.add:hover, tr.remove:hover,tr.context:hover{
background-color: #CCE9FF !important;
.yobicon-comments {
.opacity(100);
}
}
.linenum:hover .yobicon-comments {
opacity: 1.0;
}
.linenum-from { min-width:15px; }
.hide {
display:none;
}
}
}
}
&.discommentable {
.linenum .yobicon-comments {
display:none;
}
}
}
div.diff-body[data-outdated="true"] tr:hover .icon-comment {
visibility: hidden;
}
.comment-thread-wrap {
border:1px solid #e5e5e5;
border-width:1px 0px;
padding:5px;
padding-bottom:0;
background-color:#fefefe;
max-width:876px;
position:relative;
.thread-header{
padding: 5px 10px 10px 10px;
.badge {
margin:0; padding:2px 10px;
}
.thread-info {
color:#999; margin:0 10px;
.commitId { font-family:@fixed-font-family; margin-right:5px; }
.comments { color:#3592b5; margin-left:10px; }
}
}
.comments {
margin:0 5px;
.comment { padding: 2px 0; }
.media-body { background: #fff; }
}
.btn-thread-here {
display:none;
}
.btn-thread-minimize {
position:absolute;
top:8px; right:10px;
}
.thread-actrow {
text-align:right;
padding:5px 5px 10px;
}
&.open {
.box-shadow(inset 5px 0 0 @state-open);
}
&.closed {
.box-shadow(inset 5px 0 0 @state-closed);
}
&.fold {
position:static;
padding:0; margin:0;
background: transparent;
border: none;
.box-shadow(none);
.thread-header,
.thread-actrow,
.comments,
.write-comment-form {
display:none;
}
.btn-thread-here {
position:absolute; z-index:99;
right:0px; margin-top:0px;
display:block !important;
}
.btn-thread-minimize {
display:none;
}
&.open .btn-thread-here button {
border-left:3px solid @state-open;
}
&.closed .btn-thread-here button {
border-left:3px solid @state-closed;
}
}
}
.comment-thread-wrap + .comment-thread-wrap {
margin-top:10px;
}
.comment-thread-wrap.fold + .comment-thread-wrap {
margin-top:0;
}
.review-form {
display: none;
padding: 0px 10px; padding-right:6px;
font-family:@base-font-family;
.border-radius(6px);
label { display:inline-block; } /* for Markdown Edit/Preview radio button */
/*&.arrow-left:before,*/
&.arrow-top:before,
&.arrow-bottom:before {
content: ' ';
position: absolute;
width : 12px;
height: 12px;
left: 50%;
border-color:#ccc;
border-style:solid;
background-color: #fff;
.rotate(45deg);
}
/*
&.arrow-left:before {
top: 23px; left: 0px;
border-width:0px 0px 1px 1px; margin-left: -7px;
}
*/
&.arrow-top:before {
top: -7px;
border-width:1px 0px 0px 1px;
}
&.arrow-bottom:before {
bottom: -7px;
border-width:0px 1px 1px 0px;
}
.author-info-wrap {
padding: 0px; margin-bottom: 10px;
display: block; clear: both;
height: 35px;
}
.markdown-help { right:0; }
.write-comment-box {
padding:0;
margin:0;
margin-left:46px;
}
}
.review-block { /** ref: yobi.CodeCommentBlock.js **/
/*background-color:rgba(133,246,150,0.25);*/ /* green */
background-color:rgba(0,133,255,0.25); /* blue */
/*background-color:rgba(255,245,0,0.35); /* yellow */
padding:2px 0;
}
.review-card {
display:block;
border: 1px solid #ddd;
padding: 10px;
padding-left: 15px;
margin-bottom: 5px;
.border-radius(0 3px 3px 0);
&:last-of-type { margin-bottom:0; }
&:hover {
text-decoration:none;
background-color:#fafafa;
}
&.open {
.box-shadow(inset 5px 0px 0px @state-open);
}
&.closed {
.box-shadow(inset 5px 0px 0px @state-closed);
}
.outdated-label {
.border-radius(3px);
padding:3px 6px;
background: @yobi-gray-dark;
color: @white;
}
&:not(.outdated) .outdated-label {
display: none
}
.content {
display: box;
display: -webkit-box;
overflow:hidden;
text-overflow:ellipsis;
text-align: justify;
max-height: 60px;
-webkit-line-clamp: 3;
-webkit-box-orient:vertical;
word-break:break-all;
}
.info {
display:block;
text-align:right;
margin-top:10px;
}
.date {
color:#999;
vertical-align:middle;
}
.comments {
color:#3592b5;
margin-top:2px;
margin-left:1px;
}
}
.warning-none {
font-size:16px;
text-align:center;
background-color: #d4d4d4;
}
.commit-id {
color:@secondary; padding:2px;
&:hover { color:@link-hover-color; text-decoration:underline; }
}
.commit-hash { font-family: @fixed-font-family !important;}
.referred-event {
margin: 0 2px;
padding: 0px 5px;
border: 1px solid #ddd;
background-color: #f8f8f8;
border-radius: 3px;
}
.branch-list-wrap {
.thead {
background-color: #f5f5f5;
line-height: 34px;
font-size: 12px;
border-bottom:1px solid #ccc;
}
tr.head {
background: #fafafa;
}
th, td {
vertical-align:top;
border:none;
}
tr {
border-bottom:1px solid #e5e5e5;
}
.branchName {
min-width:180px;
padding-top:13px;
a { color:@blue;font-family:@fixed-font-family; }
.headBranch {
color: #0088cc;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
padding:3px 5px;
.inline-block;
.border-radius(3px);
}
}
.commit {
width:155px; padding-top:13px;
.commitId { font-family:@fixed-font-family; }
.date { font-size:11px; color:#777; margin-left:10px; }
}
.pullRequest {
width:170px; padding-top:13px;
.disabled { color:#cdcdcd; }
.pullrequest-state {
&.open:before {
content:""; display: inline-block;
width: 10px; height: 10px; .border-radius(10px);
margin-right: 5px; vertical-align: middle;
background-color: #b6da54;
}
&.closed:before {
content:""; display: inline-block;
width: 10px; height: 10px; .border-radius(10px);
margin-right: 5px; vertical-align: middle;
background-color: #fd6956;
}
&.merged:before {
content:""; display: inline-block;
width: 10px; height: 10px; .border-radius(10px);
margin-right: 5px; vertical-align: middle;
background-color: #65c9df;
}
}
}
.actions {
width:220px; min-width:220px;
text-align:right !important;
}
}
.link {
color:@yobi-link;
&:hover {
color:@yobi-link;
text-decoration: none;
}
}
.group-title-head{
color: #00bff3;
.border-radius(3px);
font-size: 12px;
margin-right: 5px;
padding: 3px;
}
.my-list-item {
img {
width: 20px;
height: 20px;
.border-radius(3px);
border: 1px solid #ececec;
margin-right: 3px;
}
.dummy-25px {
width: 25px;
display: inline-block;
}
}
.search-box-wrap {
padding-bottom:15px;
border-bottom: 1px solid #ddd;
input[type="text"] {
margin-bottom: 0;
}
h3.search-result-title {
font-size:16px;
margin-top: 15px;
font-weight: normal;
padding:0 15px;
strong {
color:#f36c22;
}
}
}
.search-category-wrap {
li {
font-weight: bold;
&.empty {
a { color:#d3d2d3;}
}
}
}
.search-list-wrap {
list-style: none;
display: block;
li.search-list-item {
position: relative;
display: block;
float: none;
margin:0;
padding:15px;
border-bottom: 1px solid #ddd;
&.project {
padding:15px 15px 15px 60px;
}
}
.avatar-wrap {
border:1px solid #ececec;
width:40px;
height:40px;
float:left;
margin-left:-55px;
img {
width: 100%;
height: 100%;
vertical-align: top;
border: 0 none;
}
&.meta {
width:20px;
height:20px;
float:none;
margin-left: 0;
}
&.comment-author {
width:20px;
height:20px;
margin-left: 0;
}
}
.title-wrap {
line-height: 30px;
font-size: 16px;
font-weight: bold;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
.post-id {
color:#999;
font-weight: normal;
}
.title {
color:#333;
}
}
.state {
margin:0;
margin-right: 5px;
font-weight: bold;
color: #FFF;
font-size: 14px;
line-height: 20px;
padding: 5px 10px;
.border-radius(6px);
}
.search-content {
display: block;
font-size: 14px;
padding-left:20px;
&.np {
padding-left:0 !important;
}
}
.search-content-body {
display: block;
}
.search-meta-info {
margin-top:10px;
font-size: 13px;
color:#999;
padding-left:20px;
&.np {
padding-left:0 !important;
}
.meta-item {
line-height: 20px;
margin-right:10px;
}
}
.project-link {
&:hover {
color: #3592b5 !important;
}
}
.user-link {
color: #3592b5 !important;
font-weight: bold;
}
strong.keyword {
background-color: #6BC4E9;
padding:2px;
}
.search-comment-wrap {
display: block;
position: relative;
}
}
.dropdown-menu>li {
.my-list-item;
}
.margin-right-15 {
margin-right: 15px;
}
.howto-resolve-conflict {
.help {
padding:10px;
font-size:12px;
background:#fefefe;
.border-radius(2px);
ol {
margin-left: 30px;
code {
display:block;
font-weight:normal;
padding:5px; margin:5px 0;
}
.ybtn { margin:0 5px; font-weight:normal !important; }
}
}
}
.loginDialog {
width:460px; margin-left:-230px;
input { .box-shadow(none); }
.login-form-wrap { margin:20px auto !important; }
.error {
display:none;
margin-bottom:20px;
color:#E74C3C;
.yobicon-error { vertical-align: middle; margin-right:5px; font-size:13px; }
}
.act-row {
input.checkbox { margin-top:4px !important; }
label.bg-checkbox { display:inline-block; }
}
.btns-row { width:auto; }
.fullsize { width:100%; }
}
.label-head {
color: #0088cc;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 3px 5px;
display: inline-block;
.border-radius(3px);
}
.confirm-button-vertical {
width:300px;
clear:both;
margin-bottom:10px !important;
margin-left:0px !important;
}
.label-editor-wrap {
.new-label-wrap {
margin:30px auto;
.form-legend {
display:block;
margin-bottom:10px;
}
.form-wrap {
position:relative;
display:inline-block;
vertical-align:top;
}
.input-label {
width:214px;
}
.btn-submit {
vertical-align: top;
min-width:100px;
}
}
.issue-label-list-wrap {
margin:0 auto;
.list-head {
border:1px solid #ddd;
border-width:2px 0px 0px;
background: #fafafa;
.category {
padding-right:18px;
line-height:30px;
text-align:right;
}
.name {
padding-left:8px;
line-height:30px;
}
}
.list-item {
.category-name {
margin-right:2px;
}
.table {
.issue-label {
display: block;
max-width: 90%;
font-size: 12px;
}
tr {
border-bottom: 1px solid #ddd;
&:last-of-type {
border-bottom: none;
}
}
td {
border-top: none;
&.info {
width: 150px;
text-align: right;
}
&.actions {
width: 150px;
text-align: right;
padding-right: 1px;
}
}
}
}
}
}
.webhook-editor-wrap {
.new-webhook-wrap {
margin:30px auto;
.form-legend {
display:block;
margin-bottom:10px;
}
.form-wrap {
position:relative;
display:inline-block;
vertical-align:top;
}
.input-webhook-payload {
width:355px;
}
.input-webhook-secret {
width:214px;
}
.btn-submit {
vertical-align: top;
min-width:100px;
}
}
.webhook-list-wrap {
margin: 0 auto;
.list-head {
border: 1px solid #ddd;
border-width: 0px 0px 2px;
background: #fafafa;
.payload-url, .secret {
padding-left: 8px;
line-height: 30px;
}
}
.list-item {
border-bottom:1px solid #ddd;
h6 {
padding-left: 8px;
}
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.table {
table-layout: fixed;
.webhook-secret {
display: block;
font-size: 12px;
}
td {
border-top: none;
&.info {
width: 150px;
}
&.actions {
width: 80px;
text-align: right;
padding-right: 1px;
}
}
}
}
}
}
.category-exclusive {
margin-right:5px;
vertical-align: middle;
cursor:help;
&.single { color:@yobi-cyan; }
&.multiple { color:@yobi-yello-dark; }
}
.edit-label-form {
margin-top:20px;
.input-label-name { margin-left:20px; margin-bottom:0; }
.select2-container { text-align:left; }
}
.label-preset-colors {
display:none;/*inline-block;*/
vertical-align: top;
margin-top:3px;
&.edit {
display:block;
margin-top:10px;
}
.btn-preset-color {
display: inline-block;
padding:1px 12px; height:24px;
/*padding:1px 15px; height:30px;*/
margin-top:0;
margin-right:1px;
line-height:1;
outline:none;
border:0;
.border-radius(2px);
.box-shadow(inset 0px -1px 1px rgba(0, 0, 0, 0.3));
&.active {
.box-shadow(inset 1px 1px 4px rgba(0, 0, 0, 0.25));
}
}
.input-label-color {
vertical-align:top;
margin-bottom:0;
padding:1px 6px;
padding-left:30px;
.box-shadow(inset 25px 0 0 #555);
}
}
.edit-label-category-form {
input.category-name {
display:block;
width:68%;
margin:20px auto;
font-size:15px;
text-align:center;
}
}
.admin-logged-in-affix {
z-index: 1000;
padding: 10px 10px;
width:100%;
box-sizing: border-box;
color:white;
font-size:20px;
background-color: #ad0000;
text-align: center;
font-weight: bold;
}
.no-margin-no-padding {
margin: 0px !important;
padding: 0px !important;
box-shadow: none !important;
border: none !important;
}
.no-text-decoration{
text-decoration: none !important;
}
.user-link {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-webkit-font-feature-settings: "kern" 1;
-moz-font-feature-settings: "kern" 1;
-o-font-feature-settings: "kern" 1;
font-feature-settings: "kern" 1;
font-kerning: normal;
border: 1px solid #4FC3F7;
border-radius: 3px;
margin-right: 3px;
padding-left: 2px;
padding-right: 2px;
background-color: #4FC3F7;
color: white;
&.me {
background-color: #BA68C8;
border: 1px solid #BA68C8;
}
&:hover {
color: black;
background-color: #4FC3F7 !important;
}
span {
font-weight: 600;
color: white;
}
}
.project-link, .org-link {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-webkit-font-feature-settings: "kern" 1;
-moz-font-feature-settings: "kern" 1;
-o-font-feature-settings: "kern" 1;
font-feature-settings: "kern" 1;
font-kerning: normal;
border: 1px solid #9741ff;
border-radius: 3px;
margin-right: 3px;
padding-left: 2px;
padding-right: 2px;
background-color: #9741ff;
font-weight: 600;
color: white;
&:hover {
color: white;
background-color: #9741ff !important;
}
}
.ago-date {
vertical-align: middle;
}
.watcher-count{
opacity: 0.9 !important;
border: 0 !important;
text-shadow: none;
}
.watch-on {
background-color: #b6da54 !important;
background-image: none !important;
}
.nofocus{
outline:0 !important;
}
.watch-btn > button {
padding: 4px 10px;
}
.title-prefix {
font-size: 15px;
font-weight: bold;
border-radius: 2px;
color: #3592B5;
&:hover {
background-color: #3592B5;
color: white;
}
}
.title-prefix-hover {
background-color: #3592B5;
color: white;
}
.send-notification-check {
vertical-align: middle;
padding: 9px;
border-radius: 3px;
strong {
margin-right: 5px;
}
.checkbox.inline {
padding-top: 0px;
}
}
#s2id_projects {
margin-top: 10px;
}
#option_form {
#s2id_projects {
margin-top: 0;
}
}
.group-project-name {
font-size: 12px;
font-weight: bold;
margin-right: 10px;
}
.group-board {
width: 100% !important;
}
#option_form > .board-labels {
min-width: 120px;
display: inline-block;
dt {
display: none;
}
}
.post-list{
.search-wrap {
& form {
.search-bar {
height: 22px;
display: inline-block;
margin-right: 10px;
.textbox {
width: inherit;
}
}
.select2-container {
height: 32px;
}
}
}
}
.stats-wrap {
i {
font-size: 16px;
margin-left: 5px;
margin-right: 5px;
}
.yobicon-lightbulb {
&.ramp-on {
color: #B6DA54;
}
&.ramp-off {
color: #DADADA;
}
}
}
.obfuscate {
unicode-bidi: bidi-override;
direction: rtl;
}
.resp-comment-avatar {
display: none;
}
.show-watchers {
display: none;
margin-left: 3px;
&:hover {
cursor: pointer;
}
height: 30px;
button {
height: 30px;
}
}
.watcher-list {
display: none;
padding: 10px;
margin-bottom: 15px;
background-color: #fafafa;
.watcher-name {
padding: 5px;
&:hover {
background-color: #f1f1f1;
text-decoration: none;
}
}
}
.attachment-files {
color: gray;
.attachment-files-header {
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 10px 5px;
background-color: #f1f1f1;
border-radius: 5px;
margin-bottom: 10px;
margin-left: auto !important;
.header-preview {
margin-left: auto;
}
.header-file-name {
text-align: center;
}
.header-size {
text-align: right;
}
.header-location {
text-align: center;
}
}
.attachment-file-detail {
padding: 5px;
font-family: @fixed-font-family;
line-height: 30px;
border: 1px solid #fff;
border-bottom: 1px solid #eee;
margin-left: auto !important;
.file-preview {
max-height: 40px;
overflow: hidden;
margin-left: auto;
img {
max-width: 40px;
box-sizing: border-box;
}
}
.file-name {
font-size: 14px;
.icon:before {
padding-right: 5px;
}
font-family: @base-font-family;
font-weight: bold;
color: black;
}
.file-size {
text-align: right;
font-size: 11px;
}
.file-download {
font-size: 16px;
text-align: center;
}
.file-date {
text-align: right;
font-size: 11px;
}
.file-location {
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.hover {
border: 1px solid #10A2E4;
}
}
.user-file-search {
margin-bottom: 10px;
input {
width: 100% !important;
}
}
.label-edit {
color: @blue2
}
.right-menu{
margin-top: 10px;
margin-left: 10px;
width: 400px;
}
.auth-provider-logo {
font-family: 'Roboto', sans-serif;
svg {
vertical-align: middle;
}
.github {
width: 30px;
display: inline-block;
margin-left: -4px;
margin-top: 3px;
margin-bottom: 3px;
}
}
.providers {
.provider-name {
height: 40px;
}
}
.cache-warning {
color: darkviolet;
font-weight: bold;
}
.width16px {
width: 16px;
display: inline-block;
}
.width25px {
width: 25px;
display: inline-block;
}
#simple-issue-list {
.state-label {
font-size: 13px;
padding: 5px 0 3px;
display: inline-block;
min-width: 13px;
color: white;
border-radius: 5px;
text-align: center;
line-height: 14px;
margin-right: 3px;
&.open {
color: white;
}
&.closed {
color: #fd6956;
}
}
.issue-item {
font-size: 14px;
padding: 3px;
.item-name {
vertical-align: middle;
}
.number {
font-family: menlo, Consolas, monospace, sans-serif;
font-size: 12px;
color: gray;
min-width: 35px;
padding-right: 5px;
display: inline-block;
text-align: right;
margin-right: 3px;
}
}
}
.subtask-progress {
&:hover {
cursor:pointer;
}
}
.child-issue-list {
color: #333;
.closed {
background-color: transparent !important;
}
.yobicon-checkmark {
color: #fd6956;
}
}
.subtasks {
#simple-issue-list;
margin-bottom: 15px;
margin-top: 40px;
.parent-issue {
font-size: 16px;
}
.parent-issue-delimeter {
margin: 5px 0 0 0;
border-top: dashed 1px #ddd;
}
}
.subtask {
a {
border: 1px solid;
padding: 0 2px;
&:hover {
color: #51aacc;
text-decoration: none;
}
}
color: #9e9e9e;
}
.subtask-message {
font-size: 12px;
color: #9E9E9E;
line-height: 15px;
padding: 7px 0 5px 0;
border: 1px solid #ddd;
text-align: center;
max-width: 80px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 14px;
&:hover {
color: @primary;
cursor:pointer;
border: 1px solid @primary;
}
&.option-on {
border: 1px solid @primary;
color: @primary;
}
}
.subtask-wrap {
display: none;
&.show {
display: block;
}
}
.infos, .parent-issue {
.upload-progress {
display: inline-block;
width: 30px;
vertical-align: middle;
overflow: hidden;
margin-top: 3px;
box-shadow: none;
}
.completion-ratio {
margin-right: 3px;
}
.open {
background-color: #8BC34A;
}
.closed {
background-color: #f68c52;
}
.parent-issue-state {
border-radius: 0;
color: white;
padding: 2px;
font-size: 12px;
line-height: 17px;
vertical-align: text-bottom;
}
}
.txt-orange {
color: #f68c52;
}
.txt-green {
color: @light-green;
}
.reset-user-visited-list {
padding-top: 5px;
clear: both;
}
.file-path-wrap {
font-size: 16px;
.new-file-name {
padding: 0 0;
margin-bottom: 0;
margin-left: 3px;
font-size: 16px;
border: none;
border-bottom: 1px solid #999;
border-radius: 0 !important;
height: 36px;
}
}
#new-file-link {
margin: 0 5px;
}
.two-column-icon {
display: inline-block;
line-height: 37px;
margin-left: 10px;
i {
font-size: 16px;
margin-right: 5px;
line-height: 20px;
}
label {
padding-top: 4px;
padding-left: 0;
}
#two-column-mode {
float: none;
margin: 4px 4px 0 2px;
vertical-align: top;
}
.two-column-icon-border {
color: #03a9f4;
border: 1px solid #03afff;
border-radius: 3px;
padding: 3px 3px 0 3px;
&:hover {
background-color: #03afff;
color: #fff0ff;
.two-column-mode-text {
color: #fff0ff;
}
}
}
}
.two-column-icon-selected {
background-color: #aee5ff;
.two-column-mode-text {
color: #0293d6;
}
}
.two-column-mode-text {
padding: 0 4px 0 0;
line-height: 20px;
vertical-align: text-bottom;
}
.absoluteAndLeftMargin {
position: absolute;
margin-left: 260px;
}
.page-nums {
margin-left: -120px !important;
}
.highlightBg {
background-color: #eee !important;
}
#pageslide {
/* These styles MUST be included. Do not change. */
display: none;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
/* Specify the width of your pageslide here */
width: 50%;
padding: 0;
/* These styles are optional, and describe how the pageslide will look */
-webkit-box-shadow: inset 0 0 5px 5px #222;
-moz-shadow: inset 0 0 5px 5px #222;
//box-shadow: inset 0 0 5px 5px #222;
box-shadow: 2px 2px 8px #000;
background: #FFF url('@{base-image-path}/loading-gif-2.gif') no-repeat center;
}
.myissues-search-input {
margin: 20px 0 20px;
}
.project-protected {
background-color: #00bcd4;
border-radius: 2px;
font-size: 15px;
color: rgba(0, 0, 0, 0.7);
padding: 0 2px;
vertical-align: top;
}
.no-margin {
margin: 0;
}
.my-issues {
.post-item {
padding: 2px 10px;
color: #999999;
.title-wrap {
margin-top: 2px;
white-space: normal;
overflow: auto;
display:table;
.title-cell {
display:table-cell;
vertical-align:middle;
}
.item-count-groups {
font-size: 10px;
}
.title {
font-size: 14px;
font-weight: 500;
}
}
.author {
display:table;
.author-cell {
display:table-cell;
vertical-align:middle;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
}
.meta {
display:table;
.meta-cell {
display:table-cell;
vertical-align:middle;
}
}
.post-id {
color:#999;
margin-right:5px;
font-size: 12px;
font-weight: normal;
}
.infos {
margin-top: 4px;
}
}
}
.subtask-mark {
border: 1px solid #e95e01;
border-radius: 3px;
padding: 2px 5px;
font-size: 14px;
color: #e95e01;
margin-right: 5px;
}
.subtask-number {
color: darkgrey;
font-size: 12px;
margin-right: 5px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
.to-branch {
border: 1px solid;
padding: 0 5px;
}
.to-default-branch {
border: 1px solid #03a9f4;
padding: 0 5px;
color: #03a9f4;
}
.no-border-at-child {
.item-count-groups {
border: none !important;
}
}
.child-issues {
.selected-child {
font-weight: bold;
border: 1px solid #ddd;
background-color: #F5F5F5;
border-radius: 4px;
}
}
.sharer-list {
margin-top: -5px;
padding: 15px;
&.sharer-list-border {
border: 1px solid #ddd;
border-radius: 3px;
position: relative;
&:before {
position:absolute;
top: -9px;
left: 133px;
content: ' ';
width: 16px;
height: 16px;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #BDC3C7;
background-color: #fff;
.rotate(135deg);
}
}
.issue-share-title {
font-size: 16px;
}
.sharer-item{
display: inline-block;
background-color: #ececec;
border: 1px solid #dfdfdf;
border-radius: 3px;
padding: 1px 8px;
}
}
.project-name-in-my-issues {
display: flex !important;
flex-direction: row;
flex-wrap: nowrap;
flex-grow: 1;
justify-content: space-between;
align-items: center;
.project-name {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
}
.favorite-issue {
.my-issue {
font-size: 16px !important;
}
.star {
color: rgba(0, 0, 0, 0.2);
font-size: 22px;
&:hover {
color: #e91e63;
cursor: pointer;
}
}
.starred {
color: #e91e63 !important;
}
}
@keyframes showNav {
from {opacity: 0;}
to {opacity: 1;}
}
.task-list-button {
margin-top: 2px;
button {
margin-top: 1px;
}
}
.tasklist {
padding: 10px 20px 0 20px;
box-shadow: none;
filter: none;
display: none;
&.task-show {
display: block;
animation: showNav 250ms ease-in-out both;
}
.task-title {
font-weight: 500;
.done-counter {
margin-left: 5px;
}
}
.task-progress{
background-color: #D4D4D4;
.bar {
transition: .2s;
height: 2px;
width: 100%;
}
.red {
background-color: red;
}
.green {
background-color: #8bc34a;
}
}
}
.attach {
color: #9E9E9E;
padding:4px 10px 0 10px;
&:last-child {
padding-bottom: 6px;
}
.yobicon-paperclip {vertical-align:middle;}
.ybtn.download {
color: inherit;
margin-right: 10px;
background-color: rgba(255,255,255,0.5);
&:hover, &:focus {
background-color: rgba(255,255,255,0.85);
}
}
}
.upload-button-line {
.file-upload {
position: relative;
display: inline-block;
}
.file-upload__label {
display: block;
border-radius: 2px;
transition: background .3s;
}
.file-upload__input {
position: fixed;
left: 0;
top: 0;
right: 0;
height: 0;
bottom: 0;
width:0;
opacity: 0;
}
}