[Notice] Announcing the End of Demo Server [Read me]
File name
Commit message
Commit date
File name
Commit message
Commit date
2013-10-23
2013-10-23
File name
Commit message
Commit date
File name
Commit message
Commit date
2013-10-16
2013-10-23
//--- common
.prj {
color:#202020;
}
.gnb-outer {
overflow: visible;
}
.gnb-inner {
padding:10px 40px;
background-color:@yobi-background-gnv;
line-height:50px;
height: 50px;
color:#fff;
> a:hover, a:focus {
text-decoration:none;
}
.logo {
float:left;
background-color: #f04a1c;
z-index:1;
line-height:30px;
padding:15px 15px 15px 85px;
margin-top:-10px;
margin-right:70px;
color:#FFF;
.transition(all .1s ease);
background-image : url("/assets/images/yobi_w.png");
background-repeat:no-repeat;
background-position:15px 18px;
.border-radius(0 0 6px 6px);
&:hover, &:active {
background-position:30px 11px;
background-image : url("/assets/images/yobi_symbol_w.png");
}
.beta {
font-size: 10px;
background-color: rgba(255, 255, 255, .75);
border-radius: 3px;
padding:3px;
line-height:10px;
color: @primary;
}
}
.gnb {
position: relative;
left: 0;
display: block;
float: left;
list-style:none;
margin:0;
font-weight:normal;
line-height:inherit;
font-size:1.5em;
> li {
position: relative;
display: inline-block;
line-height:20px;
float:left;
margin:10px 10px 0 0;
background-color:transparent;
&:last-child {
margin-right:0;
}
> a {
padding:5px 15px;
display:block;
font-size:14px;
.transition(all .2s ease);
color:#FFF;
&:hover, &:focus {
background-color:rgba(255,255,255,0.33);
outline: 0;
.border-radius(3px);
text-decoration:none;
}
}
&.active {
margin-top: 2px;
line-height: 40px;
border-bottom: 0px solid #FFF;
border-bottom:10px solid #FFF;
a {
background-color:#FFF;
color:@yobi-background-gnv;
font-weight:bold;
.border-radius(3px 3px 0 0);
}
}
}
}
.gnb-collapse {
position:absolute;
right:40px;
}
.gnb-search-bar {
float:left;
background:transparent;
margin:10px 5px 10px 0;
line-height:20px;
form {
background-color:#FFF;
padding:0;
margin:0;
white-space:nowrap;
z-index:1;
display:inline-block;
.border-radius(3px);
input {
border:0;
outline:none;
background-color:#FFF;
height:20px;
width:50px;
margin:0;
padding:5px;
.transition(width .3s ease);
&:focus {
width:350px;
}
}
button {
background:transparent;
border:0;
outline:0 none;
margin-top: 3px;
}
}
}
}
.gnb {
li.item {
margin:10px;
line-height:20px;
}
li.gnb-dropdown {
padding:0;
a.gnb-dropdown-toggle {
line-height:20px;
}
.caret {
margin-left: 5px;
vertical-align: middle;
border-top-color: #666;
display: inline-block;
vertical-align: middle !important;
margin-top:
width: 0;
.transition(all 0.3s ease);
height: 0;
vertical-align: top;
border-top: 4px solid @yobi-white;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
li {
margin-right:5px;
margin-left:5px;
}
}
}
.gnb-inner {
&.project {
padding:0 10px;
.logo {
background-color:transparent;
background-image: url("/assets/images/yobi_orange.png");
background-position:15px 13px;
line-height:30px;
margin-top:0;
padding:10px 15px 10px 85px;
height:30px;
&:hover {
background-color:#f04a1c;
background-image: url("/assets/images/yobi_w.png");
}
.beta {
margin:0;
background-color: rgba(255, 255, 255, .35);
color:#383838;
}
}
.gnb {
li {
line-height:20px;
margin-top: 10px;
margin-right:10px;
&:last-child {
margin-right:0;
}
> a {
padding:5px 10px;
}
}
}
.gnb-search-bar {
margin:10px 10px 5px 0;
input {
height:20px;
}
}
.gnb-collapse {
position:absolute;
right:20px;
}
}
}
.page-wrap {
background-color: @white;
.center-block;
padding:0px 40px;
}
.project-header {
clear:both;
height:70px;
position:relative;
background-position: bottom;
background-size : cover;
.transition(height .5s ease);
.project-header-toggle {
color:#292929;
display:inline-block;
position:absolute;
bottom:-17px;
left:45%;
.project-header-toggle-btn {
background-color:@yobi-white-dark;
color:@yobi-gray;
border:1px solid rgba(0,0,0, 0.15);
outline:none;
font-weight:bold;
height:12px;
padding:2px 25px;
line-height: 12px;
font-size: 12px;
height: 16px;
.border-radius(0 0 6px 6px);
}
}
.caret {
margin-left: 5px;
vertical-align: middle;
border-top-color:#FFF;
}
.project-header-wrap {
height:70px;
background-clip: padding-box;
background: linear-gradient(to bottom, rgba(0,0,0, 0.4), rgba(0,0,0, 0.3), rgba(0,0,0, 0.1));
padding:0 20px;
position:relative;
.transition(height .5s ease);
}
&.vertical-large {
height:280px;
.project-header-wrap {
height:280px;
}
}
}
.project-breadcrumb {
position:absolute;
bottom: 10px;
height: 60px;
}
.project-breadcrumb-wrap {
float:left;
display:inline-block;
margin-left:80px;
margin-top:15px;
font-weight:bold;
padding: 2px;
padding-right: 10px;
border-radius: 6px;
background-color: rgba(0,0,0,0.55);
> a {
line-height:30px;
font-size:1.5em;
text-decoraion:none;
&:hover {
color:@link-hover-color;
text-decoration:none;
}
}
.project-owner {
color:@primary;
margin-left:15px;
}
.project-name {
margin-left:5px;
color:#FFF;
}
.separator {
font-size:1.5em;
color:#FFF;
margin-left:5px;
}
.avatar-wrap {
position:absolute;
top:10px;
left:10px;
border:5px solid #F1F1F1;
.border-radius(0);
}
.private {
margin-left:5px;
display:inline-block;
text-align: center;
line-height: 20px;
font-size: 14px;
.border-radius(10px);
color:@yobi-white-dark;
}
}
.origin {
clear:both;
line-height:20px;
color:#fff;
margin-left:15px;
margin-top:-5px;
font-size:11px;
.origin-title { color:@yobi-gray;}
}
.project-utility {
position:absolute;
right:40px;
bottom:24px;
.project-utility-wrap {
list-style:none;
margin:0;
padding:0;
font-size:16px;
li {
float:left;
margin-right:10px;
line-height:22px;
position:relative;
&:last-child {
margin-right:0;
}
}
}
.vcs {
padding: 5px 10px;
background-color: #3a7ee5;
text-align: center;
vertical-align: middle;
display: inline-block;
color: #ffffff;
margin: 0;
margin-right: 5px;
.border-radius(3px);
}
.project-url {
margin:0;
line-height:0;
padding:5px;
}
}
.project-menu {
position: absolute;
left:0;
.resize-btn {
text-align:center;
a {
background-color: #7F8C8D;
display:block;
padding:5px;
line-height:20px;
color:#fff;
.border-radius(0 6px 6px 0);
&:hover {
background-color:#95A5A6;
}
}
}
.project-menu-wrap {
list-style:none;
position:relative;
margin:0;
padding:0;
li {
margin-bottom:20px;
position:relative;
width:130px;
position: relative;
line-height: 30px;
background-color:transparent;
a {
background-color: #F1F1F1;
padding:5px 10px;
display:block;
.border-radius(0 6px 6px 0);
color:@yobi-gray;
font-size:14px;
line-height:30px;
&:hover {
background-color:#cacfd2;
color:#FFF;
text-decoration:none;
}
.menu-title {
margin-left:5px;
display: inline-block;
}
.menu-count {
position:absolute;
top:-5px;
right:-7px;
z-index: 1;
font-size:10px;
border:2px solid #FFF;
line-height:15px;
padding:0 5px;
background-color:@yobi-primary;
color:#ECF0F1;
.border-radius(10px);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
}
}
&.active {
a {
background-color:#444444;
color:#FFF;
&:hover, &:focuse {
background-color:@yobi-blue;
}
}
}
}
}
}
.project-page-wrap {
margin:30px 0;
padding:0 40px 0 160px;
position: relative;
min-height:580px;
&.mini {
padding-left : 70px;
.project-menu {
li {
width:40px;
a {
.menu-title {
display:none;
}
}
}
}
}
.tab-content {
overflow:visible;
}
}
.page-footer-outer {
padding:10px 0;
position: absolute;
bottom:0;
width:100%;
.center-block;
background-color:@yobi-white;
border-top:1px solid #e8e8e8;
.page-footer {
text-align:center;
line-height: 34px;
}
.provider {
color: @yobi-gray;
.inline-block;
font-size: 12px;
a {
color:#333;
font-weight:bold;
}
.d2-program:hover {
background-color:#183054;
.d2 {
color:#f8da3a;
}
.program {
color:#fff;
}
}
.naver:hover {
color: #1f7f12;
}
}
}
.page {
.border-radius-bottom(20px);
&.full {
padding: 0;
}
&.code-browse,
&.plugin-setting {
padding: 0 20px;
}
label { cursor:pointer; .inline-block; }
}
/*.user-thumb-wrap {
border: 1px solid #B4B4B4;
.border-radius(3px);
.inline-block;
}*/
.checkbox {
.inline-block;
vertical-align:top;
margin:2px !important;
}
.label-public, .label-private, .label-agreement {
.form-label;
}
.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 {
/*margin-top: 25px;*/
padding-top:40px;
margin-top:0px;
}
.title {
font-size: 3.3em; /*52px;*/
line-height:42px; /*line-height: 1.3;*/
font-weight: normal;
.inline-block;
/*.helvetic-light;*/
.high-light {
color: @yobi-primary;
}
/*font-family:'Myriad Pro Light', 'Droid Sans', Tahoma, sans-serif;*/
font-family:@base-font-family;
}
.tag-line {
font-size: 1.2em; /*16px;*/
color: #7c7c7c; /*@gray-52;*/
/*font-family:"Myriad Pro";*/
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;
.siteintro-cover {
padding:55px 0 65px;
background-image:url('/assets/images/img_front.jpg');
background-position: bottom;
background-size: 100% 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: #333;
}
.site-features {
list-style:none;
margin:0;
padding:0;
clear:both;
display:block;
margin-top:5px;
li {
color:#808080;
display:inline-block;
font-size:16px;
margin-left:5px;
font-weight:normal;
letter-spacing:1.1px;
&:first-child {
margin-left:0;
}
}
}
}
.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;
h2 {
padding:0;
font-size: 20px;
font-weight:normal;
margin-top:-20px;
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;
width:980px;
li {
position:relative;
float: left;
width: 280px;
margin-top:30px;
margin-left:70px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
&:first-child, &:nth-child(4) {
margin-left:0;
}
.feature-image {
color:@yobi-primary;
text-align: center;
position:absolute;
top:10px;
left:0;
font-size:40px;
}
.feature-info {
display:block;
margin-left:55px;
.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("/assets/images/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 {
padding:30px 0;
overflow:auto;
border-bottom:1px solid rgba(0, 0, 0, 0.15);
&.hide {
margin-top:0px;
display:none;
}
h3 {
margin:0;
padding:0;
font-size: 30px;
color:@yobi-primary;
span {
font-size:14px;
font-weight:bold;
color:#333;
}
}
.site-guide-inner {
margin-top:15px;
.guide-wrap {
list-style : none;
margin:0;
padding:0;
width:100%;
.border-radius(6px);
li {
float: left;
width: 25%;
-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:10px 15px;
border: 1px solid rgba(0, 0, 0, 0.15);
overflow:hidden;
position:relative;
text-align:center;
.guide-icons {
margin-top:10px;
font-size:35px;
color:@yobi-primary;
}
.guide-title {
margin-top:25px;
font-size:16px;
font-weight:bold;
text-align:left;
}
.guide-desc {
text-align:left;
font-size:13px;
min-height:80px;
}
&:nth-child(odd) {
background-color:@yobi-cyan-light;
}
&:nth-child(even) {
background-color:@yobi-white;
}
&:nth-child(1) {
.border-radius(6px 0 0 6px);
}
&:nth-child(2) {
border-right: none;
border-left: none;
}
&:nth-child(4) {
border-left: none;
.border-radius(0 6px 6px 0);
}
}
}
}
}
.guide-toggle {
text-align: center;
margin-bottom:20px;
button {
border:1px solid rgba(0,0,0, .1);
border-top:none;
.border-radius(0 0 6px 6px);
color:@yobi-gray;
padding:0px 25px;
display:inline-block;
i {
font-size:12px;
}
}
}
.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-left:50px;
position:relative;
padding-bottom:15px;
&:before {
position:absolute;
top:0px;
left:17px;
content:' ';
border-left:1px solid #d2d2d2;
width: 1px;
height: 100%;
}
&:first-child {
&:before { top:20px }
}
&:last-child {
&:before { height:30px; }
}
.stream-type {
display:inline-block;
padding:4px 6px;
border: 4px solid @state-open;
.border-radius(50%);
background: #FFF;
position:absolute;
top:12px;
left:0;
color:@state-open;
text-align:center;
line-height:20px;
font-size:16px;
font-weight:bold;
vertical-align: middle;
&.closed {border: 4px solid @state-closed; color:@state-closed;}
&.changed {border: 4px solid @state-changed;color:@state-changed}
&.rejected {border: 4px solid @state-rejected;color:@state-rejected}
&.warning {border : 4px solid @state-warning;color:@state-warning}
}
.stream-desc {
border:1px solid #E0E0E0;
border-radius : 5px;
padding:4px 7px 7px 7px;
cursor:pointer;
background:#F8F8F8;
&:hover {
background:#F8FBFC;
&:before {
background:#F8FBFC;
}
}
&:before {
position:absolute;
top:24px;
left:45px;
content:' ';
border:1px solid #E0E0E0;
width: 9px;
height: 9px;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #e5e5e5;
background: #F8F8F8;
.rotate(45deg);
}
.stream-info {
.avatar-wrap { float:left; margin-top:3px;}
.title {
color:#51aacc;
font-size:13px;
font-weight:bold;
padding-left:55px;
}
.meta {
font-size:12px;
padding-left:55px;
color:#bbb;
margin-top:5px;
.author {
color:#666;
font-weight:bold;
&:hover {color:@link-hover-color;}
}
}
.message-wrap {
margin-top:3px;
font-size:12px;
color:#888;
padding-left:12px;
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;
height:20px;
.message {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
}
}
}
}
.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 {
overflow: hidden;
.header-text {
margin-top: 0px;
margin-bottom: 6px;
font-size: 12px;
line-height: 100%;
color: #666;
.actor {
color: @orange;/*#D06930;*/
font-weight: bold;/*normal;*/
}
.whereis {
font-size: 11px;
color: #000; /*#4092A1;*/
}
.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;
.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 {
.text {
width: 386px;
height: 27px;
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
&:focus {
border: 1px solid @orange;
outline: none;
}
&.password {
margin-bottom: 15px;
}
}
}
.login-form-wrap {
margin-top: 54px;
width: 400px;
.center-block;
.act-row {
margin-bottom: 42px;
line-height:22px;
}
.forgot-password {
vertical-align: top;
color: #5C5C5C;
margin-left: 5px;
padding-left: 5px;
border-left: 1px solid #eee;
&:hover {
color: #010101;
}
}
.btns-row {
width: 384px;
margin-bottom: 73px;
.center-block;
text-align:center;
}
}
//---- sign up
.signup-form-wrap {
margin-top: 54px;
width: 400px;
.center-block;
.inline {
.inline-block;
}
.text {
&.email{
width: 181px;
margin-right: 10px;
}
&.uname {
width: 181px;
}
}
.act-row {
font-size: 11px;
color: #999999;
margin-bottom: 45px;
.go-login {
color: #5C5C5C;
}
}
.btns-row {
width: 227px;
.center-block;
margin-bottom: 50px;
text-align:center;
}
}
//-- new project
.form-wrap {
&.new-project {
margin: 30px 19px 0px 19px;
.text {
width: 99%;/*866px;*/
&.textarea {
height: 78px;
resize: none;
}
}
.options {
background-color: #F7F7F7;
margin-bottom: 20px;
.border-radius(10px);
.option {
padding: 15px 20px;
border-bottom: 1px solid #E9E9E9;
&:first-child {
padding-top:24px;
}
&:last-child {
border-bottom: 0 none;
padding-bottom:24px;
}
.option-label {
float: left;
width: 125px;
line-height:29px;
}
.option-desc {
margin-left: 125px;
label {
display: inline;
color: #777;
}
.note {
margin-left: 10px;
color: #777; /*BDBDBD;*/
font-size: 12px;
}
}
}
.d-label, .dropdown-menu {
width:182px;
}
}
.actions {
text-align: center;
position: relative;
}
}
}
.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 {
form { margin: 0; }
float:left;
.inner {
position:relative;
/*padding: 20px 20px 5px 20px;*/
input { margin:0; }
form { margin:0 auto; /*text-align:center;*/ }
.input-medium { width:94%; }
.actrow { position:absolute; right:0px; top:0px; }
.text {
background-color: #fff;
border: 1px solid #ccc;
.border-radius(2px 0 0 2px);
&:focus { .box-shadow(none); }
}
.srch-input {
.srch-input-inner {
display:block;
line-height: 20px;
padding:5px 25px 5px 5px;
border:1px solid rgba(0,0,0, .15);
.border-radius(3px);
position:relative;
input {
border:none;
padding:0;
width:100%;
}
button {
position:absolute;
top:7px;
right:5px;
outline:0;
}
}
}
.btn-advanced {
color:#707070;
font-weight:bold;
/*padding-left:18px;*/
margin:10px 0 0; text-align:right;
vertical-align:middle;
display:inline-block;
i {
vertical-align:middle; margin-right:3px;
.ico-arrow-down-blue;
}
}
.srch-advanced {
display:none;
}
&.advanced {
.srch-advanced {
display:block; text-align:left;
margin:10px 0 20px;
}
.btn-advanced {
i { .ico-arrow-up-blue; }
}
.caret-wrap .caret {
border-top:0;
border-bottom:4px solid @blue;
}
}
.labels-wrap { padding-top:10px; }
.milestone-info {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #ddd;
}
.preset-list {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #ddd;
li {
font-size:13px;
padding:8px;
a { display: block}
&.active {
color: #fff;
background: @secondary;
font-weight:bold;
.border-radius(2px);
.box-shadow(inset 1px 1px 1px rgba(0,0,0,0.2));
.num-badge { color:#fff; }
}
}
}
} // -- end of .inner //
&.user-setting {
.inner {
padding:10px;
background-position: 570px bottom;
.text { width: 400px; }
.search-btn { width: 120px; }
}
}
&.board {
width:100%;
.inner {
.text { width: 547px; }
}
}
&.help {
.inner {
form { width:565px; }
padding-left: 30px;
.labels {
line-height:29px; margin-right:20px;
vertical-align: middle;
font-size: 18px;
&.sub {
color: #555;
.opacity(70);
margin-right: 5px;
}
}
.sp-line {
.inline-block;
border-left: 1px solid #CCC;
margin: 0 11px;
height: 12px;
vertical-align: text-bottom;
}
.text {
width: 408px;
}
}
}
}
.all-projects {
margin: 0 0 20px;
list-style: none;
clear:both;
// -- project list -- //
.project {
margin: 5px 0px; /*5px 20px;*/
padding: 10px 0px;
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: 1px solid #DDD9D9;
border-radius: 3px !important;
position: relative;
img {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
}
.header {
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
.yobicon-lock { color:#7F8C8D;}
}
.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;
.owner-name-small{
font-size: 12px;
}
}
}
.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;
width:115px; max-height:70px;
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: 80px;
padding-right: 45px;
.inline-block;
vertical-align: top;
}
.cu-desc {
.inline-block;
.note {
color: #777; /*999;*/
font-size: 12px;
}
.notice {
color: #DB3A67;
}
}
.n-alert.project-del {
margin-left: 125px;
}
.btn-project-delete {
margin-left:10px;
}
//--- member
.inner-bubble {
margin-bottom: 10px;
.text {
&.uname {
width: 384px;
margin: 0;
.border-radius(2px);
}
}
}
.members.project {
margin: 0;
list-style: none;
padding:10px;
.member {
display:inline-block;
width:370px; /*415px, 375px;*/
text-align:left;
padding: 10px;/*20px;*/
margin-bottom: 6px;
background-color: @white;
margin-right:10px;
.border-radius(10px);
&:nth-child(3n) {
margin-right: 0px;
}
.m-body {
margin-left: 64px;
.td {
display: table-cell;
padding-left: 10px;
padding-top: 3px;
&:first-child {
padding-left: 8px;
width: 120px;
max-width: 120px;
border-right: 1px solid @gray-d4;
}
p {
word-wrap: break-word;
margin-bottom: 2px;
}
.d-label {
width: 108px; /*147px;*/
}
.btns {
text-transform: capitalize;
margin-top: 6px;
}
.uname { font-size: 20px; }
.name { font-size: 11px; }
}
}
}
}
.check-all {
width:40px;
vertical-align: middle;
text-align:center;
}
//-- filters
.filter-wrap {
display: block;/*inline;*/
margin:15px 0 10px;
height:30px;
position:relative;
.filters {
color:#666;
float: right; margin-top:5px;
.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;
&.orange { background:@orange; }
&.blue { background:@blue2; }
&.gray { background:#B1B1B1; }
}
}
.milestone-info {
margin-bottom:20px;
/*border: 2px solid #DADADA;*/
background-color: #fff;
/*border-radius: 5px;
box-shadow: 1px 1px #999;*/
padding: 4px;
.progress {
background-color:666;
height:7px;
width:100%;
.progress-info {
clear:both;
width:100%;
}
}
.meta-info {
margin:5px;
.title { font-size:12px; font-weight:bold; }
.sp { margin: 0 5px; color:#E4E4E4; }
.due-date { color: #666; /*999;*/ }
}
.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);
}
}
.milestones {
list-style: none;
margin: 0;
.milestone {
border-bottom: 1px solid @gray-d4;
padding: 15px 0px; /* 15px 30px;*/
overflow: hidden;
&:last-of-type { border-bottom:none; }
.infos {
width: 80%; /*700px*; /*660px;*/
float: left;
.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;
.title { font-size:20px; font-weight:bold; }
.sp { margin: 0 5px; color:#E4E4E4; }
.due-date { color: #666; /*999;*/ }
.nbtn {
border: 1px solid #ccc;
border-right: none;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0);
-webkit-border-radius: 2px 0 0 2px !important;
-moz-border-radius: 2px 0 0 2px !important;
border-radius: 2px 0 0 2px !important;
}
.closed-issue {
background: #f36c22;
}
.closed-issue:hover {
color:#fff;
background-color: #d6530c;
}
.open-issue:hover {
background-color: #575757;
color:#fff;
}
.num-badge {
color: #fff;
margin-left:3px;
}
}
.progress-wrap {
overflow: hidden;
color: #999;
font-size: 11px;
margin-top:15px;
}
.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;
font-size: 56px;
line-height: 1; /*1.3;*/
letter-spacing: -5px;
&.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);
}
//-- new milestone
.form-wrap {
&.milestone {
.inner {
&.left {
width: 74%;
display:inline-block;
vertical-align:top;
.text , .textarea {
width:100%;
}
.textarea {
height: 306px;
resize: vertical;
}
.actions {
text-align: right;
height: 26px;
.save {
vertical-align: top;
margin-right:5px;
}
}
}
&.right {
display:inline-block;
vertical-align:top;
width:21%;
height:385px;
margin-left:30px;
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 {
width:260px;
padding: 10px;
/*font-size: 0;*/
.issue-wrap {
margin-bottom:15px;
a.btn { width:105px; }
}
.project-btn-wrap {
text-align:center;
padding:5px 15px;
a {
display:block !important;
}
}
.inner {
background-color: @white;
/*margin-right: 10px;*/
margin-bottom:10px;
font-size: 12px;
overflow: hidden;
vertical-align: top;
.inline-block;
.box-shadow(0 1px 0 rgba(0, 0, 0, .05));
.border-radius(10px);
&.member-info {
width: 260px; /*230px;*/
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;*/
width:260px;
.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 15px; /*10px 20px;*/
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;
min-height:540px;
.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: 14px;
a {
color:#4183c4;
text-decoration:none;
}
a:hover {
color:#4183c4;
text-decoration:underline;
}
a:active {
color:#4183c4;
text-decoration:none;
}
}
}
}
.notice-wrap {
margin:20px 0 0 0;
border:1px solid #ccc;
.board-list .board:last-of-type { border-bottom:none; }
}
.write-btn-wrap {
margin: 20px 0;
text-align: right;
}
.board-view {
.num {
color: #51AACC;
margin-right: 5px;
}
}
.board-wrap {
display:block;
overflow:auto;
padding-bottom:15px;
border-bottom:1px solid #ececec;
}
.board-header {
display:block;
clear:both;
height:30px;
padding: 10px 20px;
border:none;
background-color:@yobi-white-dark;
.border-radius(10px);
margin:15px 0;
.board-id {
font-size:14px;
padding-right: 10px;
color:#939393;
}
.title {
font-size: 18px;
line-height: 30px;
color: #000;
}
.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;}
}
.board-body {
/*padding: 20px 0;*/
.author-info {
/*margin-bottom: 34px;*/
padding:15px 0 0 10px;
dl { margin-bottom:20px; }
dl.author { height:51px; overflow:hidden; }
p {
margin-bottom: 5px;
line-height: 14px;
}
.name {
font-size: 11px;
}
.status {
margin: 0;
color: #646464;
font-size: 11px;
.ico {
vertical-align: top;
}
}
}
.content {
padding:0 20px;
margin-bottom: 20px;
a { font-weight:bold; }
}
}
.attachments {
ul { list-style-type:none; margin:0; }
i { float:left; margin-right:5px; }
}
.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 {
padding: 10px 20px;
position: relative;
.comment-avatar {
float: left;
padding-left: 5px;
}
.media-body {
margin-left:52px;
border:1px solid #BDC3C7;
.border-radius(3px);
&:before {
position:absolute;
top:23px;
left:67px;
content:' ';
width: 9px;
height: 9px;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #BDC3C7;
background-color: #E5F0FC;
.rotate(45deg);
}
.meta-info {
height:22px;
padding:5px 15px;
background-color:#E5F0FC;
border-bottom:1px solid #BDC3C7;
.yobicon-comment {vertical-align: middle;}
.comment_author {font-size:13px; margin-right:5px; }
.ago { color:#7F8C8D;}
.edit { color: #7F8C8D;}
}
.attach {
color: #4489A4;
padding:10px;
background-color:#E5F0FC;
border-top:1px solid #BDC3C7;
border-left:1px solid #BDC3C7;
.border-radius(3px);
.yobicon-paperclip {vertical-align:middle;margin-top: 4px;}
}
.comment-body {
font-size: 12px;
a { font-weight:bold; border-bottom:1px dotted; }
padding:0 15px;
}
}
.attach-preview-wrap {
margin-top: 10px;
}
&.author {
.media-body {
&:before { background-color: #f8f8f8; }
}
.meta-info { background-color:#f8f8f8; }
.attach { background-color:#f8f8f8; }
}
}
.event {
padding:15px 0 15px 75px;
font-size:14px;
line-height:14px;
.state {
color:#FFF;
padding: 6px 0;
text-align:center;
display:inline-block;
width:90px;
font-weight:bold;
.border-radius(5px);
margin-right:10px;
i {margin-right:3px;}
&.closed { background-color: @state-closed;}
&.open { background-color : @state-open;}
&.changed { background-color : @state-changed;}
&.rejected {background: #F39C12;}
&.conflict {background: #C0392B;}
&.resolved {background: #468847;}
}
em { font-size:12px; color:#7F8C8D; margin-right:5px;}
.date {
font-size: 11px;
color: #aaa;
}
}
}
}
div.markdown-preview {
font-size: 12px;
margin:0px; margin-bottom:9px;
vertical-align : middle;
border:1px solid #ccc;
.border-radius(2px);
.inline-block;
}
.write-comment-box {
padding: 17px 20px 15px;
font-family:@base-font-family;
.write-comment-wrap {
margin-bottom: 10px;
position: relative;
div.markdown-preview {
.border-radius(2px 0 0 2px);
}
.disabled {
resize:none;
}
}
.comment {
width: 98.7%;/*795px;*/
height: 80px;
margin: 0;
resize:vertical;
.border-radius(2px 0 0 2px);
.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;
}
}
/*a {
margin-left: 5px;
}*/
}
.board-actrow {
margin:20px 0;
.labels-wrap {
line-height: 30px;
padding-right: 30px;
text-align: left;
max-width:630px;
.inline-block;
}
}
// -- 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: 360px;
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; }
.icon-question-sign { display:none; margin-right:3px; color:@secondary; }
.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: 10px;
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 {
.icon-question-sign { display:inline-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%; }
}
}
.label-editor {
padding-top:10px;
border-top:1px solid #ddd;
}
.content-wrap {
.text {
width: 99%; /*946px;/*866px;*/
}
textarea.text {
resize:vertical;
}
.title {
margin-bottom: 15px;
font-size:18px;
}
.error {
margin-bottom: 5px;
}
.message {
margin-bottom: 15px;
color:red;
font-weight:bold;
}
.content {
height:190px; /*320px;*/
background-color: #F9F9F9;
}
.actions {
margin-top: 20px;
text-align: center;
position: relative;
}
.actrow {
margin-top:20px;
}
}
.issue-form-labels {
.controls {
margin:0;
line-height:30px;
.colors {
.labelColor {
border-left:22px solid;
width:120px; padding:2px; text-align:center;
margin-top:10px; margin-left:5px;
.box-shadow(inset 0 1px 2px rgba(0,0,0,0.15));
}
}
.labelInput {
width:90%;
}
.labelSubmit {
width:100%;
}
}
}
.content-footer {
padding: 10px;
background-color: #f5f5f5;
.border-radius(5px);
}
.issue-item {
padding:10px 0;
border-bottom:1px solid #ddd;
label { display:block; }
&.active {
background:#E0F7FF;
}
.mass-update-check {
width:40px; margin-top:10px;
vertical-align: middle; text-align:center;
}
.avatar-wrap { margin-right:10px; }
.title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.infos {
color:#999;
font-size:11px; line-height:13px;
.comment-wrap {
display:inline-block;
margin-left:10px;
.num { color: @secondary; font-weight:bold; }
.icon { margin-right: 3px; color : #51aacc; }
}
.lb { display:inline-block; }
}
.number-id {
padding:10px 5px;
.pullrequest-id {
color:@secondary; font-size:13px;
}
}
.title-link {
margin:5px 0; margin-right:5px;
font-size:14px; font-weight:bold;
.issue-id { color:#939393; margin-right:5px; font-size:13px; }
}
.info-wrap {
margin-top: 11px;
margin-right:25px;
.ico { vertical-align: bottom; margin-right: 5px; }
}
.state {
margin-top:8px;
margin-right:25px;
font-weight:bold;
color:#FFF;
padding:5px 15px;
.border-radius(15px);
&.open { background-color: @state-open; }
&.closed { background-color : @state-closed;}
&.rejected { background-color : @state-rejected;}
}
.empty-avatar-space {
width:32px;
margin-right:5px;
margin-top:5px;
}
}
.relative-issue {
display:none;
dt { color:#797979; }
ul {
margin-left:5px;
.issue-item {
padding:0;
border:none;
.date { font-size:11px; color:#999; }
}
}
}
/** pullRequest **/
.pullRequest-branch {
display:inline-block;
code {
border:none;
background: #f7f7f7;
color: @secondary;
padding: 3px 10px;
text-shadow: 1px 1px rgba(255,255,255,0.5);
.box-shadow(1px 1px 1px rgba(0,0,0,0.15));
a { color: #1a4797; }
i { color: #1a4797; }
}
i.icon-right { font-size:12px; margin:0 5px; color: #1a4797;}
}
.issue-list, .board-list{
margin: 0;
padding: 0;
list-style: none;
.issue, .board{
border-bottom: 1px solid @gray-d4;
padding: 10px;
&:hover { background:#f7f7f7; }
input[type="checkbox"] {
margin-right: 10px;
margin-bottom: 3px;
}
> div {
display: table-cell;
vertical-align: middle;
}
.num {
width: 35px;
color: #B2B2B2;
vertical-align: middle;
font-size: 12px;
}
.attach-wrap {
width: 35px;
text-align: center;
.ico {
margin-top: 5px;
}
}
.contents {
width: 80%;/*720px;*/
padding-right: 20px;
label {
display:block;
margin:0;padding:0;
}
.title {
margin-bottom: 5px;
font-weight: bold;
font-size: 15px;
.label-notice {
background:@secondary;
}
a {
overflow:hidden;
text-overflow:clip; /*ellipsis;*/
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
}
}
.infos {
line-height: 14px;
font-size: 11px;
color: #999;
.author {
color: #696969;
margin-right:5px;
}
.comment-wrap {
display:inline-block;
margin-left:10px;
.num { color: @secondary; font-weight:bold; }
.icon { margin-right: 3px; color : #51aacc; }
}
}
}
.author-avatar-space{
width:32px;
padding-right: 10px;
.img-rounded {
.inline-block;
width:40px; height:40px;
}
}
.right-panel {
width: 160px;
padding-right: 10px;
.state {
float:right;
margin-top:7px;
margin-right:13px;
font-weight:bold;
font-size:11px;
color:#bbb; width:38px;
&.open {
color:@blue;
}
}
.avatar-wrap {
float: right;
}
.empty-avatar-space{
width:32px;
display:inline-block;
float:right
}
.comment-wrap {
float: right;
margin-top: 7px;
margin-right:15px;
.ico {
vertical-align: bottom;
margin-right: 5px;
}
.num {
color: #4489A4;
}
}
.img-rounded {
.inline-block;
width:32px; height:32px;
}
}
}
}
.board-list .board {
.contents .title a { display:block; }
}
//---- 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;*/
}
}
}
.branches {
text-align:left;
.label {
margin:0; padding:0 5px; margin-right:3px;
&.branch { background-color:@orange; }
}
}
.double-sp {
margin: 15px 0 17px;
}
.minimap-outer {
display: none;
position: fixed;
width: 15px; height: 400px;
right: 0.5%; 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 {
.code-browse-header {
/*float:right;*/
padding:0; padding-right:10px;
color:#555;
line-height:34px;
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:''; }
}
}
.nav-tabs {
margin-bottom:0;
}
.actrow {
clear:both; margin-top:10px;
}
/** history **/
.commit-wrap {
background-color: @white;
.commit-id { text-align:center; }
.tbody {
td { padding:10px 15px 10px 5px; }
.messages {
a { display:inline-block; font-size:14px; }
pre { background:#f5f5f5; }
button.more {
display:inline-block;
border:none; margin:0; font-size:14px;
background:#bbb; color:#fff;
padding: 0px 6px; margin-bottom:2px; margin-left:5px;
.border-radius(2px);
}
}
.commit-id {
width: 70px; text-align:center;
font-family:Consolas;
font-size:12px;
a {
color:@secondary;
&:hover { color:@link-hover-color; text-decoration:underline; }
}
}
.browse { width:70px; text-align:center; }
}
}
/** diff **/
/** code/diff.scala.html **/
.commitId {
color:#999;
margin-top:5px;
}
.commitMsg {
font-family:@base-font-family;
font-size:12px;
}
.commitInfo {
.avatar-wrap { margin-right:5px; }
.ago { margin-left:5px; color:#bbb; }
}
.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;
background-color: #f5f5f5;
margin-bottom:15px;
}
ul.comments {
width:800px;
font-family:@base-font-family;
span { white-space:normal !important; }
}
.btn-thread { margin-left:72px; margin-bottom:10px; }
/** view **/
.code-viewer-wrap {
width:100%;
overflow:auto;
zoom:1;
border:1px solid #ddd;
border-top:none;
.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%;
}
}
.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 {
/* commit History */
pre { background:none; border:none; margin:0; }
.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: 80px;
font-size:12px;
}
}
.file-header {
margin-top: 10px;
line-height: 34px;
background-color: #eee;/*D7D7D7;*/
border-bottom:1px solid #ccc;
/*color: #767676;*/
font-size: 11px;
padding-left: 15px;
overflow: hidden;
.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-wrap {
border:none;
margin:0 !important;
padding:0 !important;
.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 {
margin: 100px 0; text-align:center;
.filename { display:block; font-size:20px; }
.filesize { display:block; font-size:13px; margin-bottom:20px; color:#999; }
}
}
.btnResize {
font-family:Arial !important;
width:10px; cursor:e-resize;
height: 99.9%;
vertical-align: middle;
color: #a5a5a5;
border-left: 1px solid #ddd;
background: #f5f5f5;
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(100%,#e9e9e9));
}
.row-fluid { line-height:30px; }
.currentPath { font-weight:bold; background:#f7f7f7; }
.listhead {
background:#f7f7f7;
border-bottom:2px solid #efefef;
margin-bottom:5px;
height:34px; line-height:34px;
.filename { padding-left:5px; }
}
.listitem {
border-bottom:1px solid #efefef;
.filename { font-size:10pt; }
.commitMsg { font-size:10pt; color:#7e7e7e; .text-overflow; }
}
[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;
}
}
.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;
> 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);
.box-shadow(inset 0px 0px 10px rgba(0,0,0,.15));
.whoami {
width:100%; height:50px; left:0;
background: rgba(0,0,0,0.55);
color:#fff;
text-shadow:1px 1px #000;
text-align:left; line-height:120%;
padding:10px; padding-left:15px; margin-top:73%;
.uname {
font-size:18px;
font-weight:bold;
}
.eml {
display:block;
font-size:11px; font-family:@base-font-family;/*Tahoma;*/
margin-left:2px;
.opacity(80);
}
}
.edit {
position:absolute;
top:0px; right:0px;
color:#fff; text-shadow:1px 1px #000;
padding:5px 10px;
font-weight:bold;
background:rgba(0,0,0,0.5);
.border-radius(0 0 0 5px);
i { vertical-align:top; margin-top:2px; }
}
}
.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; }
}
}
.user-since {
margin-top: 10px;
padding:0 10px;
.since {
display:block;
font-size: 14px;
font-weight:bold;
color:@primary;
}
}
.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-streams {
margin: 0;
padding: 0 10px;
list-style: none;
.user-stream {
overflow: hidden;
&:first-child {
padding-top: 10px;
}
&:last-of-type {
border:none;
}
padding: 20px 0;
border-bottom: 1px solid @gray-d4;
.project-name {
margin: 0 0 10px 0;
color: #888;
font-size: 20px;
line-height: 1.3;
}
.stream-desc {
width: 510px;
float: left;
}
.date {
margin: 0;
color: #999;
font-size: 11px;
}
.project-status {
text-align: right;
padding-right: 10px;
.ico {
vertical-align: middle;
}
.ico-activity {
margin-left: 40px;
}
.ico-like {
margin-right: 5px;
}
.num {
color: #4489A4;
}
}
}
}
*/
}
.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;
> 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;
}
}
/*
.plugin-wrap {
padding: 10px;
.plugin-table-wrap {
.border-radius(10px);
.box-shadow(0 1px 0 rgba(0,0,0, .15));
overflow: hidden;
background-color: @white;
.plugin-table {
width: 100%;
border-collapse: separate;
}
td {
padding: 0;
}
thead {
td {
background-color: #828282;
line-height: 44px;
text-align: center;
font-weight: bold;
color: @white;
border-bottom: 1px solid #414141;
}
}
tbody {
td {
border-bottom: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
text-align: center;
&.checked {
width: 30px;
padding: 0 20px;
border: 1px solid #E6E6E6;
border-top: 0 none;
border-left: 0 none;
border-right-width: 3px;
.bg-checkbox {
padding: 0;
margin: 0;
}
}
&.plugin-name {
padding: 0 30px;
text-align: left;
border-left: 1px solid #CCC;
.name {
color: @blue;//#4092A1;
}
.desc {
font-size: 11px;
color: #666;
}
}
&.others {
width: 89px;
color: #999;
font-size: 11px;
&.large {
width: 119px;
}
}
}
}
.plugin-footer {
border-top: 3px solid #FBFAF8;
padding: 20px 20px 25px;
overflow: hidden;
.check-wrap {
float: left;
padding-left: 7px;
}
.btn-wrap {
float: right;
font-size: 0;
.ns-btn {
margin-left: 10px;
.ico { vertical-align:middle; }
}
}
.bg-checkbox {
.inline-block;
margin:2px;
}
}
}
}
*/
.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:50px 0px;
border-bottom:1px solid #dcdcdc;
text-align:center;
p {
font-weight:bold; font-size:15px;
color:#898989; margin-top:18px;
}
}
.code-tab, .plugin-tab {
margin: 15px 0 20px;
}
.actions {
&:last-child { margin-right:0; }
}
// -- site admin
.site-setting-wrap {
.fl{float:left}
.fr{float:right}
.section0{margin-bottom:0}
.section39{margin-bottom:39px}
.mt30{margin-top:30px}
.site_lnb{float:left;width:280px;margin:30px 0 75px}
.content_area{float:left;width:638px;margin:30px 0 75px;vertical-align:top}
.lnb_area{
width:200px;margin:0 auto;
h3.h_site{margin:0;padding:19px 0 17px 19px;border-style:solid;border-width:1px;border-color:#e6e6e6 #e6e6e6 #c9c9c9;background-color:#f8f8f8;font-size:14px;color:#4c4c4c;line-height:1em}
ul{
margin:0;padding:3px 9px 30px;list-style:none;border-style:solid;border-width:1px;border-color:#f6f6f6 #e6e6e6 #ececec;
li{
border-bottom:1px solid #e8e8e8;list-style:none;
a{display:block;padding:7px 0 10px 11px}
a:hover,a:active,a:focus,a.on{background:url(/assets/images/lnb_arr.gif) 94% 18px no-repeat;color:#f36c22;text-decoration:none}
}
}
}
.title_area{
overflow:hidden;margin-bottom:29px;padding-bottom:8px;border-bottom:2px solid #c9c9c9;zoom:1;
h2{margin:15px 0 0;font-size:18px;color:#4c4c4c;line-height:1em}
.form-search{
margin-top:13px;
input[type=text]{height:25px;padding:0 0 0 10px;font-size:11px;line-height:25px}
.btn{width:91px;height:27px;margin:0 0 0 -5px;padding:0;font-family:@base-font-family;/*Tahoma;*/font-size:10px;line-height:27px}
}
}
.h_setting{margin:0 0 20px 0;font-size:14px;color:#4c4c4c;font-weight:bold;line-height:1em}
.no_date{padding:19px 0;border:1px solid #e6e6e6;background-color:#f9f9f9;font-size:12px;color:#464646;text-align:center}
.bbs_type1{
width:100%;border-top:1px solid #e3e3e4;color:#333;table-layout:fixed;word-wrap:break-word;
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-align:left}
th{
padding:7px 10px 9px;border-bottom:1px solid #e3e3e4;background-color:#f9f9f9;font-weight:bold;
&:first-child{border-left:1px solid #e3e3e4}
&.last{border-right:1px solid #e3e3e4}
}
td{
padding:8px 20px;border-bottom:1px solid #eee;
&.c{text-align:center}
&.btn_area{
padding:0 10px;
.btn{padding:1px 16px;font-size:12px}
}
}
}
}
// -- pull request
.pull-request-wrap {
margin-bottom:20px;
.request-from {
display:inline-block; width:435px;
.repo { color:@secondary; font-size:14px; }
.dropdown-toggle { width:435px; }
.dropdown-menu { width:435px; }
}
.request-to {
display:inline-block; width:435px;
.repo { color:@primary; font-size:14px; }
.dropdown-toggle { width:435px; }
.dropdown-menu { width:435px; }
}
.arrow {
display:inline-block; width:83px;
text-align:center;
}
}
.mass-update-form {
position:relative;
-webkit-transition:padding 0.5s;
&.fixed {
position:fixed; width:100%;
top:0; background:#fff;
padding:10px 0;
border-bottom:1px solid rgba(0,0,0,0.1);
}
}
.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;
}
}
}
.mileston-tag {
margin-top:12px;
margin-right: 25px;
font-weight: bold;
.milestone-title{
font-size:11px;
font-family:@base-font-family;
border: none;
white-space: nowrap;
color: darken(@secondary, 10%);
padding: 3px 10px;
background: #f7f7f7;
text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
.box-shadow(1px 1px 1px rgba(0, 0, 0, 0.15));
.border-radius(2px);
}
}
// -- keymap
.keymap-help {
padding:20px;
line-height:30px;
.nbtn {
min-width:20px;
}
.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;
}
/*div#mode-select { text-align:right; }*/
.pullreq-info { display:block; clear:both; padding-bottom:10px; margin-bottom:10px; }
.markdown-help {
position: absolute;
margin-top: -1px;
right: 5px;
}
.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;
overflow:auto;
table {
border: 1px solid #eee;
width: 100%;
}
table {
margin-bottom: 20px;
}
td {
border-width: 0px 1px;
border-color: #e5e5e5;
border-style: solid;
}
td.linenum {
text-align: right;
color: rgba(0, 0, 0, 0.3);
white-space: nowrap;
}
.code {
white-space: pre;
}
span.add {
background-color: #aaffaa;
}
span.remove {
background-color: #ffaaaa;
}
tr.add {
background-color: #eeffcc;
}
tr.remove {
background-color: #fdd;
}
tr.file {
background-color: #eee;
border:1px solid #bbb;
height:30px; /* 40px? */
font-weight: bold;
}
tr.range {
color: #999;
background-color: #f8f8ff;
}
.yobicon-comments {
visibility: hidden;
opacity: 0.6;
}
.icon-comment {
visibility: hidden;
float: left;
opacity: 0.6;
}
tr:hover .icon-comment {
visibility: visible;
}
.linenum:hover .icon-comment {
opacity: 1.0;
}
.linenum {
width: 40px;
}
.filename { float:left; line-height:30px; }
}
div.diff-body[data-outdated="true"] tr:hover .icon-comment {
visibility: hidden;
}