THIS IS A TEST INSTANCE ONLY! REPOSITORIES CAN BE DELETED AT ANY TIME!

test
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

7390 lines
162 KiB

//--- common
.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 {
width: 1170px;
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;
}
}
}
}
}
.gnb-inner {
width: 1170px;
margin:0 auto;
color:#788ba7;
height:40px;
}
.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;
width:1170px;
margin:0 auto;
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;
width: 1170px;
margin: 0 auto;
}
.project-menu-outer {
background-color:#ececec;
height:39px;
border-bottom: 1px solid #ddd;
.project-menu-inner {
height:39px;
width: 1170px;
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 {
width: 1170px;
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 {
width: 1170px;
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;
width:1170px;
}
.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 {
width:980px;
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 {
:hover {
background-color: #f1f1f1;
}
.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: #C5EBFD;
border-color: #56C5F7;
}
border: 1px solid #56C5F7;
}
.meta-info {
background-color: #C5EBFD;
}
}
&.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 {
margin-bottom: 10px;
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;
width: 355px;
height: 30px;
line-height: 30px;
border: 1px solid #ccc;
background: #fafafa;
padding: 0 10px;
margin-bottom: 5px;
margin-right: 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: 120px;
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 {
display:none;
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;