File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
2013-05-09
2013-05-09
//--- common
.gnb-logo {
display: block;
width: 123px; height: 55px;
text-indent: -250px; overflow:hidden;
background-size:123px 55px;
background-image: url("@{base-image-path}/logo-white.png");
&.orange {
background-image: url("@{base-image-path}/logo-orange.png");
}
}
.gnb-outer {
width: 100%;
border-bottom:@gnb-border-bottom;
background:url('@{base-image-path}/bg_head.jpg') repeat-x @gnb-bg-color;
.gnb-inner {
.center-block;
width: @base-width;
height: 75px;
position: relative;
.gnb-menu-wrap {
overflow: hidden;
.logo {
float: left;
width: 123px; height: 55px; line-height:55px;
text-align:center; font-size:2em; overflow:hidden;
color:#fff; background-color: @gnb-logo-bg-color;
span {
.gnb-logo;
}
}
.gnb-menus {
float: left;
/*overflow: hidden;*/
margin: 0px 10px 22px 34px;
/*margin: 23px 10px 22px 34px;*/
.menu {
float: left;
margin-left: 35px;
color: @gnb-link-color;
a {
display: block;
min-width:100px;
height: 24px;
line-height: 24px;
padding-top:23px;
text-align:center;
font-size: 13px;
&:hover { color: @gnb-link-hover-color; }
}
&.active {
border-top:3px solid @gnb-link-active-color;
a {
padding-top:20px;
color: @gnb-link-active-color;
font-weight:bold; text-shadow:0px 0px 2px #fff;
}
}
}
&.right {
float: right; position:absolute;
right:0; top:0;
margin-top:19px;
/** 사이트 검색폼 **/
.search-bar {
display:inline-block;
padding:3px 0 0 5px;
}
/** 로그인 하지 않은 경우 메뉴 **/
.lnk-group {
a {
padding-right:5px; margin-right:8px;
border-right:1px solid @gnb-action-separate-border-color;
&:last-of-type {
padding-right:0; margin-right:0;
border-right:none;
}
}
margin-right:10px;
.avatar-wrap {
border:1px solid #868686;
margin-right:5px;
img { vertical-align:top; }
}
}
/** 로그인한 사용자의 dropdown 메뉴 **/
.usermenu {
margin:0; display:inline-block; vertical-align:middle;
.dropdown-toggle {
background:transparent;
.d-label {
width:70px;
span.text { margin-left:5px; }
.avatar-wrap img { vertical-align: top; }
}
.d-caret {
padding:5px 9px;
}
}
}
} // .right
}// gnb-menu
}//gnb-menu-wrap
} //gnb-inner
.sub-menu-sp, .sub-menu-wrap {
width: @base-width;
height: 5px;
background-color: @gray-d4;
.center-block;
display:none;
}
.sub-menu-wrap {
height: 44px;
background-color: @gray-ec;
border-bottom: 1px solid @gray-f7;
.sub-menus {
margin: 0;
list-style: none;
overflow: hidden;
height: 43px;
border-bottom: 1px solid @gray-d4;
.menu {
line-height: 43px;
height: 43px;
float: left;
text-align: center;
width: 150px;
font-size: 11px;
border-left: 1px solid @gray-d4;
border-right: 1px solid @white;
&:first-child {
border-left: 0 none;
}
&:last-child {
border-right: 0 none;
}
&.selected {
font-weight: bold;
color: @submenu-selected-color;
}
}
}
}
}
// project-setting, project-home ...
.prj {
.gnb-outer {
background:none;
border:none;
}
.gnb-inner {
height:56px; /*line-height:56px;*/
border-top: 1px solid #6e6e6e;
border-bottom: 1px solid #6e6e6e;
.linear-gradient(#5c5c5c, #464646);
.gnb-menu-wrap {
.logo {
background:transparent !important;
color:@primary !important;
/*width:64px; margin-left:30px;*/
/*width:123px;*/
width:107px;
span {
width: 123px;
height: 55px;
display: block;
text-indent: -250px;
background-size:123px 55px;
background-image: url("@{base-image-path}/logo-orange.png");
}
}
.page-title {
float:left; overflow:hidden; margin:0;
line-height:56px; color:#fff; font-weight:normal;
a { vertical-align:top; }
}
.gnb-menus {
margin: 15px 10px 17px 34px;
&.right {
margin-top:9px;
.dropdown-toggle {
/*background:#fff !important;*/
color:#fff;
border-bottom-color:inherit;
.d-label {
text-shadow:0 1px 1px rgba(0, 0, 0, 0.75);
.avatar-wrap { border:1px solid #333; }
}
.d-caret {
border-left:1px solid #787878;
}
}
.sp-line {
color:#626262 !important;
opacity:1 !important;
}
.lnk-group {
a {
color:#fff;
&:hover { color:@primary; }
}
}
}
} /* gnb-menus */
} /* gnb-menu-wrap */
} /* gnb-inner */
.page { padding:40px 39px 60px 39px; }
}
.page-wrap {
width: @base-width;
.center-block;
background-color: @white;
}
.intro-wrap {
background: url("@{base-image-path}/bg-index-content-960.png") no-repeat top left transparent;
height: 375px;
text-align: center;
width: @base-width;
.intros {
padding: 25px 0 0;
font-size: 0;
margin: 0;
.intro {
width: 200px;
padding: 0 15px;
.inline-block;
}
}
}
.page-footer-outer {
width: @base-width - 40;
.center-block;
/*
background-color: @gray-f7;
border-top: 1px solid @white;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
*/
padding: 10px 20px;
text-align: center;
position: relative;
margin-bottom: 30px;
.page-footer {
line-height: 34px;
}
.provider {
color: @gray-99;
.inline-block;
font-size: 11px;
}
}
.page {
padding:6px 20px 60px 20px;
/*margin-bottom: 40px;*/
border: 1px solid @gray-ea;
border-top:none;
.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 {
.opacity(0);
position: absolute;
}
.checkbox + .bg-checkbox {
display: inline-block;
min-height: 16px;
min-width: 16px;
color: #999;
padding-left: 21px;
background-repeat: no-repeat;
background-image: url('@{base-image-path}/assets/bg-checkbox.png');
background-position: 0 -1px;
cursor: pointer;
margin-right: 5px;
&:hover {
color: #757575;
}
}
.checkbox:checked + .bg-checkbox {
background-image: url('@{base-image-path}/assets/bg-checkbox-checked.png');
}
*/
/* checkbox, radio-btn 웹브라우저 기본 컨트롤을 사용하도록 변경 2013-02-15*/
.checkbox {
.inline-block;
vertical-align:top;
margin:2px !important;
}
/*
.radio-btn {
.opacity(0);
position: absolute;
}
.radio-btn + .bg-radiobtn {
display: inline-block;
color: #999;
padding-left: 18px;
background-repeat: no-repeat;
background-image: url('@{base-image-path}/assets/bg-radiobutton.png');
background-position: 0 2px;
cursor: pointer;
margin-right: 5px;
&:hover {
color: #757575;
}
}
.radio-btn:checked + .bg-radiobtn {
background-image: url('@{base-image-path}/assets/bg-radiobutton-checked.png');
}
*/
.label-public, .label-private, .label-agreement {
/*margin:0px 5px;*/
.form-label;
}
//----------- 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;
/*font-family: "DIN Medium";*/
/*letter-spacing: -1px;*/
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: @orange;
font-weight:300;
}
font-family:'Myriad Pro Light', 'Droid Sans', Tahoma, sans-serif;
}
.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:33px !important;
}
}
.side-menu-wrap {
width: @base-width;
position: relative;
.center-block;
.side-menus {
position: absolute;
right: -27px;top: 23px;
width : 18px !important;
height: 40px !important; /* 40px: for 2 button */
padding:16px 3px 16px 3px;
.side-menu {
&:first-child {
margin-bottom: 10px;
}
}
}
.bg {
width:24px;
background:#898989;
border-top-right-radius:9px;
border-bottom-right-radius:9px;
box-shadow:-1px 2px #898989;
border-top:none;
border-bottom:1px solid #a1a1a1;
border-right:1px solid #a1a1a1;
border-left:1px solid #7c7c7c;
}
.bg:before {
position:absolute; content:'';
width:10px; height:4px;
background:#898989; border-left:2px solid #7c7c7c;
top:0px; left:-2px;
}
}
.front {
display:block; height:238px;
background:url('@{base-image-path}/img_front.jpg') no-repeat;
position:relative;
/*margin-left:84px; margin-top:22px;*/
line-height:350px;
/* Button */
.btn-wrap {
/*margin-left:230px;*/
width:252px; margin:0 auto;
a {
font-size:18px; text-align:center;
width:252px; height:56px;
background-color:@orange;
color:#fff; line-height:56px;
border-bottom:1px solid #ae5f54;
.border-radius(10px);
.inline-block;
i { vertical-align:middle; margin-bottom:4px; }
}
}
}
//---------- home page.
.fn-intro-wrap {
margin: 0 0 0px -20px;
text-align: center;
width: @base-width;
.intros {
/*background-color: @gray-f2;*/
padding: 16px 10px;
padding-bottom:15px;
margin: 0;
font-size: 0;
border-bottom:2px solid @gray-f2;
li {
width: 196px;
height:178px;
/*padding: 0 15px;*/
margin-right:73px; /*29px;*/
background-image: url('@{base-image-path}/sprite2.png');
border:1px solid #e3e3e3;
.inline-block;
}
li:last-of-type { margin:0; }
.project { background-position:0px 0; }
.repository { background-position:-200px 0; }
.tasks { background-position:0px -180px; }
.tracker { background-position:-200px -180px; }
&.closed {
height: 0;
overflow: hidden;
padding: 5px 0 0;
}
}
.index {
border:none !important;
}
}
.on-fold-intro {
.page { padding-top:0; }
.tag-line-wrap { display:none; }
.intros { display:none; }
.btn-open-close {
width: 54px; height: 12px; vertical-align: top;
background-position: -59px -129px !important;
&:hover {
background-position: -3px -129px !important;
}
}
}
.content-container {
overflow: hidden;
padding:8px 0px 19px 20px;
.main-stream {
width: 660px;
/*margin-right: 10px;*/
float: left;
.activity-streams {
margin: 0;
.activity-stream {
padding: 15px 0;
border-bottom: 1px solid @activity-separate-border-color;
&:first-of-type {
padding-top:10px;
}
&:last-child {
border-bottom: 0 none;
}
.user-thumb-wrap {
float: left;
margin-right: 25px;
}
.activity-desc {
overflow: hidden;
.header-text {
margin-top: 0;
/*.gulim;*/
font-size: 12px;
line-height: 100%;
font-weight: bold;
color: #666;
.actor {
color: @orange;/*#D06930;*/
font-weight: bold;/*normal;*/
/*.thoma;*/
}
.whereis {
font-size: 11px;
color: #000; /*#4092A1;*/
/*.thoma;*/
}
}
.desc {
color: #888;
/*.dotum;*/
font-size: 11px;
margin-bottom: 10px;
.commit-logs {
.commit-log {
overflow: hidden;
margin-bottom: 5px;
&:last-child {
margin-bottom: 0;
}
.user-thumb-wrap {
width: 18px;
height: 18px;
.border-radius(2px);
margin-right: 10px;
display: block;
float: left;
img {
vertical-align: top;
}
}
.commit-detail {
font-size: 11px;
margin-left: 30px;
.commit-id {
color: @orange;/*#D06930;*/
font-weight:bold;
}
.commit-msg {
color: #808080;
/*.dotum;*/
}
}
}
}
}
.others {
line-height: 16px;
padding-left: 3px;
.num {
/*.thoma;*/
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;
}
}
}
}
}
}
}
.right-aside {
width: 230px;
/*padding-top:10px;*/
overflow: hidden;
margin-top:11px;
.gray-bubble-wrap {
width: 200px;
margin-left: 10px;
padding: 20px 10px 0;
padding-top:0px;
/*background-color: @gray-f2;*/
.border-radius(5px);
.project-count-wrap {
background:#f8f8f8;
border:1px solid #e6e6e6;
padding:10px 18px 9px 18px;
border-bottom-color:#c9c9c9;
/*padding-left: 18px;*/
color:#4C4C4C;
font-size: 11px;
font-weight:bold;
line-height: 30px;
i {
vertical-align:middle;
margin:0 3px;
margin-right:5px;
color:#c9c9c9;
}
/*
.ico {
vertical-align: middle;
margin: 0 3px;
}
*/
.p-num{
.inline-block;
text-align: center;
height: 12px;
min-width: 10px;
line-height: 12px;
padding: 2px 5px;
.border-radius(5px);
background-color: #000;/*1F6F7E;*/
color:#fff;
.box-shadow( inset 0 1px 1px rgba(0, 0, 0, .5));
}
}
.my-projects {
padding:9px;
border:1px solid @gray-ea;
border-top-color:#f6f6f6;
.my-project {
position:relative;
font-size: 12px;
color: #999;
/*margin-bottom: 5px;*/
/*.border-radius(5px);*/
padding: 7px 10px;
padding-bottom:3px;
border-bottom:1px solid #e8e8e8;
/*.box-shadow(0 1px 2px rgba(0,0,0, .3));*/
.project-header {
font-size: 0;
.name-wrap {
.inline-block;
font-size: 12px;
line-height: 20px;
width: 150px;
i { margin-left:3px; }
a {
margin-top:4px; .inline-block;
strong {
text-overflow:ellipsis; overflow:hidden;
display:inline-block; width:135px;
}
}
}
.ico-wrap {
/**/
vertical-align:top;
/*padding-top: 5px;*/
margin-top:9px;
width: 5px;
text-align: right;
.inline-block;
/*
position:absolute;
top: 17px; right:9px;
/**/
}
}
&.on-desc {
.ico-wrap { margin-top:20px; }
}
}
.my-project:first-of-type {
padding-top:1px;
/*.ico-wrap { top:12px }*/
/*padding-bottom:7px;*/
}
}
.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:180px;
padding-top:11px;
button {
cursor:pointer;
}
}
}
}
}
.btn-wrap-new-project {
margin-top: 20px;
margin-bottom:41px;
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;
.center-block;
margin-bottom: 73px;
/*.n-btn {
&.log-in {
width: 187px;
vertical-align: top;
height: auto;
border: 0 none;
margin-right: 10px;
}
&.join {
width: 117px;
}
}*/
}
}
//---- 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;
/*.n-btn {
&.sign-up {
width: 227px;
height: auto;
border: 0 none;
}
}*/
}
}
//-- new project
.form-wrap {
&.new-project {
margin: 30px 19px 0px 19px;
.text {
width: 866px;
&.textarea {
/*background-color: #F3F3F3;*/
height: 78px;
resize: none;
}
}
.options {
background-color: #F7F7F7;
.border-radius(10px);
margin-bottom: 20px;
.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;
.cancel {
/*position: absolute;
right: 0;*/
}
}
}
}
.bread-crumb-wrap {
overflow: hidden;
.title {
margin-top: 0;
font-weight: normal;
font-size: 26px;
float: left;
/*&.orange {*/
color: @orange;
/*}*/
}
.bread-crumb {
float: right;
}
}
//--- projects
.header-wrap {
margin-top: 20px;
padding: 10px 0;
background-color: #ECECEC;
.border-radius(10px);
.stats-wrap {
padding: 0 10px 10px;
border-bottom: 1px solid #D4D4D4;
overflow: hidden;
.stat {
background-color: #FFF;
padding: 10px 20px;
.border-radius(5px);
height: 31px;
width: 252px; /*240px;*/
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: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; }
}
}
}
}
.search-wrap {
padding: 0 10px;
&.user-setting {
.inner {
padding: 10px 20px;
background-position: 570px bottom;
.text {
width: 400px;
}
.search-btn {
width: 120px;
}
}
}
&.projects {
border-top: 1px solid #FFF;
padding: 10px 10px 0;
}
&.board {
.inner {
padding-left: 75px;
.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;
}
}
}
form {
margin: 0;
}
.inner {
/*
background-image: url('@{base-image-path}/assets/bg-search-man.png');
background-position: 785px bottom;
background-repeat: no-repeat;
*/
/*
* height: 37px;
-webkit-transition-duration:0.5s;
* */
background-color: #fff;
padding: 20px 10px; /*10px 20px 10px 40px;*/
.border-radius(10px);
input { }
form { margin:0 auto; text-align:center; }
.text {
width: 360px;
margin: 5px 0 0;
background-color: #fff; /*F3F3F3;*/
border: 1px solid #CCC;
border-right: 0 none;
.box-shadow(none);
.border-radius(2px 0 0 2px);
&:focus {
.box-shadow(none);
}
}
.search-btn {
margin: 5px 0 0;
border: 1px solid #a9a9a9;
width: 88px;
text-align: center;
padding: 4px 0;
font-weight: bold;
font-size: 11px;
color:#000;
.border-radius(0 2px 2px 0);
/*.linear-gradient(#fff, #f2f2f3);*/
/*
.opacity(50);
&:hover {
.opacity(100);
}
*/
&:hover {
color:@orange;
}
}
.btn-advanced {
color:#707070;
font-weight:bold;
padding-left:18px;
margin:5px 0 0;
vertical-align:middle;
.inline-block;
i {
vertical-align:middle; margin-right:3px;
.ico-arrow-down-blue;
}
}
.srch-advanced {
display:none;
}
&.advanced {
/*height:210px;*/
border-bottom: 1px solid #D6D6D6;
.srch-advanced {
text-align:left;
margin-top:14px;
display:block;
/*width:600px;*/
/*padding:5px;*/
border-top: 1px solid #D6D6D6;
background: #F6F6F6;
/*box-shadow: inset 0px 1px #fff;*/
/*.issue-label {
border:none;
&.active {
box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.25);
}
}*/
/*.labels { background:#D7D7D7; }*/
.custom-label-category:before {
content:'|'; margin-right:15px;
color:#c1c1c1;
}
}
.btn-advanced {
i { .ico-arrow-up-blue; }
}
// override bootstrap
.form-horizontal {
.control-group {
margin: 0; padding: 6px 10px;
border-bottom: 1px solid #e3e3e3;
border-top: 1px solid #fdfdfd;
}
.control-label {
text-align:left; width:60px;
font-size:12px; font-weight:bold;
color:#666;
}
.controls { margin-left:100px; padding-left:10px; }
.controls:before {
content:'|'; margin-right:5px;
color:#cccccc;
text-shadow:-1px 0px #fff;
}
}
// -- end of bootstrap overrides
}
} // -- end of .inner //
}
}
.all-projects {
margin: 0 0 20px;
list-style: none;
// -- project list -- //
.project {
padding: 20px;
overflow: hidden;
border-bottom: 1px solid #DCDCDC;
&:last-child {
border-bottom: 0 none;
}
.info-wrap {
width: 650px;
float: left;
.header {
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
.project-name {
color: #888;
}
}
.desc {
margin-bottom: 5px;
line-height: 180%;
}
.name-tag {
margin: 0;
font-size: 11px;
color: #999;
a {
color: #696969;
}
}
}
.stats-wrap {
margin-top: 20px;
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;
}
}
/*.user-thumb-wrap {
margin-left: 38px;
}*/
.avatar-wrap { margin-left:38px; }
}
}
// -- userinfo -- //
&.user-streams {
.project {
.info-wrap {
width: 450px;
}
}
}
}
//-- 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 {
line-height: 1.2;
display: table;
padding: 0 15px; /*10px;*/
margin-bottom: 14px;
width:100%;
.ico { margin-right: 10px; }
.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; /*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 {
padding: 20px 0 10px;
overflow: hidden;
margin-bottom: 20px;
.border-radius(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;
.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: #777;
}
}
.n-alert.project-del {
margin-left: 125px;
}
.btn-project-delete {
margin-left:10px;
}
.project-menu {
border:1px solid #e7e7e7;
margin-bottom:30px;
ul { margin:0 !important; }
li { line-height:40px; padding:0; .inline-block; }
.project-menu-wrap {
position:relative; height:40px; padding:0px 0px;
}
.main {
background:#f9f9f9; text-align:center;
a {
position:relative; padding:0 45px;
font-weight:bold; color:#777;
&:hover { color:@primary; text-decoration:underline; }
}
.active a {
color:@primary !important;
&:after {
content:'';
position:absolute; z-index:199;
width:6px; height:6px; left:48%; top:22px;
.ico; .ico-arrow-up-gray;
}
}
}
.sub {
border-top:1px solid #d4d5d7; z-index:100;
background:#fff;
ul {
position:absolute;
&.on-home { left:70px; }
&.on-board { left:170px; }
&.on-code { left:270px; }
&.on-issue { right:70px; }
&.on-task { right:50px; }
&.on-admin { right:50px; }
}
a { font-weight:bold; color:#959595; padding:0 25px; font-size:11px; }
.active a { color:#000 !important; }
}
.sp-line {
width:1px; color:#d7d8d9;
padding:0; margin:0;
}
}
.user-role {
.inline-block;
border-radius:3px 3px 0px 0px;
padding:5px 10px; font-size:11px;
i { vertical-align:bottom; }
}
.main-menu-only {
border-bottom:1px solid #d4d5d7;
}
//--- member
.inner-bubble {
padding: 30px 20px;
margin-bottom: 10px;
.border-radius(10px);
background-color: @white;
.text {
&.uname {
width: 384px;
margin: 0;
.border-radius(2px);
}
}
/*
.ns-btn {
.border-radius(2px);
padding:2px 20px;
margin-left:3px;
}
*/
}
.members.project {
margin: 0;
list-style: none;
.member {
float: left;
width: 375px;
padding: 20px;
margin-bottom: 6px;
background-color: @white;
.border-radius(10px);
&:nth-child(2n+1) {
margin-right: 10px;
}
.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; }
}
}
}
}
//-- filters
.filter-wrap {
margin-bottom: 15px;
overflow: hidden;
.filters {
color:#666;
float: right;
.filter {
margin-right:10px;
&.active { font-weight:bold; color:@primary; }
&:last-of-type { margin:0; }
}
i { margin-right: 5px; }
}
//-- milestone
&.milestone {
margin-top: -8px;
}
.legend {
float:right;
color:#999;
i {
.inline-block;
.border-radius(2px);
width:7px; height:7px;
margin:0 3px;
&.orange { background:@orange; }
&.blue { background:@blue; }
&.gray { background:#B1B1B1; }
}
margin-right:54px; /*10px;*/
}
//-- board, user
&.board, &.user-setting {
margin: 15px 0 10px;
padding-right: 20px;
}
}
//-- milestone
.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: 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:15px; 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);
}
.actrow {
text-align:right;
padding-top:10px;
}
}
.completion-rate {
margin-left: 730px;/*700px;*/
text-align: center;
font-size: 56px;
line-height: 2.8; /*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-tabs {
li a {
padding-left:34px; padding-right:34px;
background:#ececec;
border:1px solid #D3D3D3;
box-shadow:inset 0px 1px 1px #fff;
}
}
//-- new milestone
.form-wrap {
/*overflow: hidden;*/
&.milestone {
.inner {
&.left {
width: 598px;
float: left;
.text , .textarea {
width: 584px;
}
.textarea {
height: 306px;
resize: vertical;
}
.actions {
text-align: right;
height: 26px;
.save {
vertical-align: top;
margin-right:5px;
}
}
}
&.right {
height:385px;
margin-left: 610px;
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 {
padding: 10px;
font-size: 0;
.inner {
height: 188px;
background-color: @white;
margin-right: 10px;
font-size: 12px;
overflow: hidden;
vertical-align: top;
.inline-block;
.box-shadow(0 1px 0 rgba(0, 0, 0, .25));
.border-radius(10px);
&.member-info {
width: 230px;
margin-right: 0;
}
&.logo {
width:260px; height:188px;
background-repeat:no-repeat;
background-position:center;
.background-size(cover);
}
&.project-info {
width: 350px;
.infos {
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;
}
span:not(.label) {
&:not(:last-child):after {
content: ", ";
}
}
}
}
button#edit-toggle {
float: right;
}
}
.member-wrap {
height: 130px;
overflow-y: auto;
}
.project-members {
list-style: none;
margin: 0; padding: 10px;
.member {
padding: 5px 10px;
border-bottom: 1px solid @gray-d4;
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:140px;
overflow:hidden;
text-overflow:ellipsis;
.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:540px; }
}
.issue-wrap {
strong.num {
&.open { color:@blue; }
}
}
}
.readme {
padding: 5px;
.default {
padding:20px;
text-align:center;
}
.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;
}
}
}
.board-list {
.board {
border-bottom: 1px solid @gray-d4;
padding: 15px 20px;
> div {
display: table-cell;
vertical-align: top;
}
.num { width: 35px; color: #B2B2B2; }
.attach-wrap {
width: 35px;
text-align: center;
.ico { margin-top: 5px; }
}
.contents {
width: 590px;
padding-right: 90px;
.title {
margin-bottom: 5px;
text-align:justify;
}
.infos {
line-height: 14px;
font-size: 11px;
color: #999;
.author { color: #696969; }
}
}
.right-panel {
width: 90px;
.comment-wrap {
float: left;
margin-top: 7px;
.ico { vertical-align: bottom; margin-right: 5px; }
.num { color: @blue; }
}
}
}
}
.notice-wrap {
margin:20px 0 0 0;
border:1px solid #eee;
.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-header{
padding: 15px 20px;
border-top: 1px solid @gray-d4;
border-bottom: 1px solid @gray-d4;
.div {
display: table-cell;
vertical-align: top;
}
.board-id {
width: 35px;
padding-right: 10px;
}
.title {
width: 655px;
padding-right: 20px;
font-size: 14px;
line-height: 16px;
color: #000;
}
.date {
width: 120px;
color: #999;
}
&.issue {
.title { width:650px; }
.badge {
font-size:11px;
text-shadow:none;
.border-radius(2px);
}
.badge-issue-open {
background-color:@secondary;
}
}
}
.board-body {
padding: 20px;
.author-info {
margin-bottom: 34px;
.media-body {
padding-left: 10px;
p {
margin-bottom: 5px;
line-height: 14px;
}
.name {
font-size: 11px;
}
.status {
margin: 0;
color: #646464;
font-size: 11px;
.ico {
vertical-align: top;
}
}
}
}
.content {
/*width: 700px;*/
text-align:justify;
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;
background-color: #f5f5f5;
.border-radius(10px);
.comment-header {
padding: 0 20px;
color: #222;
font-size: 14px;
line-height: 40px;
}
.comments {
margin: 0;
padding: 0;
list-style: none;
.comment {
padding: 20px;
.media-body {
padding-left: 17px;
.commenter {
line-height: 1.3;
font-size: 11px;
color: #646464;
.name {
font-size: 10px;
}
.date {
font-size: 10px;
color: #BDBDBD;
}
}
.attach {
color: #4489A4;
}
.comment-body {
color: #999;
}
}
.attach-preview-wrap {
margin-top: 10px;
}
}
}
}
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;
.write-comment-wrap {
font-size: 0;
margin-bottom: 10px;
div.markdown-preview {
/*width : 727px !important;
min-height: 88px !important;*/
.border-radius(2px 0 0 2px);
}
.disabled {
resize:none;
}
}
.comment-btn {
vertical-align:top;
background-color: @white;
color: @orange;
line-height: 1;
font-weight: bold;
border: 1px solid @gray-cc;
border-left: 0 none;
.border-radius(0 2px 2px 0);
width: 110px;
height: 90px;
&.disabled { color:#ccc; }
}
.comment {
width: 715px;
height: 80px;
margin: 0; margin-bottom:9px;
resize:vertical;
.border-radius(2px 0 0 2px);
.box-shadow(none);
&:focus {
border: 1px solid @gray-cc;
}
}
}
.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;
}
}
.attach-wrap {
> div {
display: table-cell;
vertical-align: top;
}
.avatar-wrap {
margin-right:12px;
display:inline-block !important;
float:left;
}
/*.thumb-wrap {
width: 45px;
}*/
.attach-info-wrap {
width: 850px; /*657px;*/ /*715px;*/
font-size: 11px;
/*opacity:0;
-webkit-transition-duration:0.3s;
-webkit-transition-property:opacity;*/
.sp-line {
border-left: 1px solid @white;
.box-shadow(inset 1px 0 0 rgba(0, 0, 0, 0.15));
}
.progress-num {
color: #777;
}
.total-num {
color: #999;
}
.progress-wrap {
width: 380px;
float: left;
margin: 6px 5px 0 0;
}
}
.btn-wrap {
width: 118px; /*138px; /*80px*/
text-align: right;
}
}
.attached-files-wrap {
.box-shadow(inset 0 1px 0 rgba(0, 0, 0, 0.15));
margin-top: 10px;
padding: 15px 20px;
background-color: #DFDFDF;
.border-radius(5px);
.attached-files {
margin: 0;
padding: 0;
list-style: none;
.attached-file {
color: #999;
font-size: 11px;
cursor: pointer;
-webkit-transition-property: color;
-webkit-transition-duration: 0.5s;
&:hover { color: @orange; }
}
.attached-delete {
margin-left: 10px;
cursor:pointer;
}
}
}
.attaches {
margin: 0;
padding: 0;
list-style: none;
&.wm {
margin-bottom: 20px;
}
.attach {
font-size: 11px;
color: #929292;
.ico-clip {
vertical-align: text-bottom;
margin-right: 5px;
}
margin-bottom: 5px;
&:last-child {
margin-bottom: 0;
}
}
}
.frm-wrap {
dl, dt, dd { margin:0; padding:0; }
dt {
margin:3px 0px 1px 0px;
label {
color:#959595; font-weight:bold;
margin-right:5px;
}
.n-alert .n-inner { font-weight:normal !important; }
}
}
.content-wrap {
.text {
width: 866px;
resize:vertical;
}
.title {
margin-bottom: 15px;
}
.content {
height:177px; /*320px;*/
background-color: #F9F9F9;
}
.actions {
margin-top: 20px;
text-align: center;
position: relative;
.cancel {
/*position: absolute;
right: 0;*/
}
}
.issue-options {
margin-bottom:45px;
.option {
width:250px;
.inline-block;
/*.option-label { color:#959595; font-weight:bold; margin-bottom:5px; }*/
.d-label { width:200px; }
}
}
.option-label { color:#959595; font-weight:bold; margin-bottom:5px; }
.issue-form-labels {
&.form-horizontal {
.control-label {
width:100px; padding-top:0; line-height:30px;
}
.controls {
margin-left:120px; line-height:30px;
}
}
}
}
.content-footer {
padding: 20px;
background-color: #F5F5F5;
.border-radius(5px);
}
.issue-list {
margin: 0;
padding: 0;
list-style: none;
.issue {
border-bottom: 1px solid @gray-d4;
padding: 15px 20px;
> div {
display: table-cell;
vertical-align: top;
}
.num {
width: 35px;
color: #B2B2B2;
}
.attach-wrap {
width: 35px;
text-align: center;
.ico {
margin-top: 5px;
}
}
.contents {
width: 590px;
padding-right: 40px;
.title {
margin-bottom: 5px;
text-align:justify;
a {
display:block;
display:-webkit-box;
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;
}
}
}
.right-panel {
width: 150px;
.state {
float:left;
margin-top:7px;
margin-right:13px;
font-weight:bold;
font-size:11px;
color:#bbb; width:38px;
&.open {
color:@blue;
}
}
.comment-wrap {
float: left;
margin-top: 7px;
margin-right:15px;
.ico {
vertical-align: bottom;
margin-right: 5px;
}
.num {
color: #4489A4;
}
}
.img-rounded {
.inline-block;
width:32px; height:32px;
}
}
}
}
//---- code browse
.code-browse {
.bubble-wrap {
padding: 10px;
.inner-bubble {
padding: 20px; /*20px 15px 20px 20px;*/
margin-bottom: 15px;
border-bottom:1px solid #cfcfcf;
}
}
}
/* 공통 스타일 hive-tabs로 합쳐서 이동함 */
/*
.code-tab {
li a {
padding-left:64px; padding-right:64px;
background:#ececec;
border:1px solid #D3D3D3;
box-shadow:inset 0px 1px 1px #fff;
}
}
.plugin-tab {
li a {
padding-left:14px; padding-right:14px;
background:#ececec;
border:1px solid #D3D3D3;
box-shadow:inset 0px 1px 1px #fff;
}
}
*/
.repo-wrap {
padding:10px;
overflow:visible !important;
}
.repo-info {
padding:19px 20px;
.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; }
&.GIT { .bgblue; /*.bgorange;*/ padding: 4px 27px; }
}
}
.repo-url {
cursor: text;
margin: 0;
width: 340px; /*357px;*/
.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: 10px;
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 {
.label {
margin:0; padding:0 5px; margin-right:3px;
&.branch { background-color:@orange; }
}
}
}
.double-sp {
margin: 15px 0 17px;
}
.code-browse-wrap {
.border-radius(10px);
.box-shadow(0 1px 0 rgba(0,0,0, .15));
overflow: hidden;
.code-browse-header {
color: @white;
background-color: #6c6c6c;
line-height: 34px;
font-size: 11px;
padding: 0 20px;
a { margin:0 5px; }
a:first-of-type { margin-left:0; }
}
.commit-wrap {
background-color: @white;
}
.diff {
border-bottom:none;
.border-radius(0px);
}
.cell {
display: table-cell;
background-color: @white;
vertical-align: top;
-webkit-transition-duration:0.1s;
&.directory-wrap {
width: 196px;
/*min-width: 196px;
max-width: 196px;*/
overflow: auto;
position: relative;
padding:5px;
}
&.sp-wrap {
display:none;
border-left: 4px solid #E6E6E6;
}
&.file-wrap {
width:660px; /* 700px */
/*min-width:660px;
max-width:660px;*/
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%;
&.sources {
/*width: 650px; /*700px;*/
}
td {
padding: 0 15px 0 5px;
}
.thead {
background-color: #9C9C9C;
line-height: 34px;
font-size: 10px;
color: @white;
.author {
text-align: left;
}
}
.tbody {
font-size: 11px;
color: #666;
td {
line-height: 50px;
}
tr {
border-bottom: 1px solid #E6E6E6;
}
}
.commit-id {
width: 100px;
padding-left: 20px;
font-family:Consolas; font-size:12px; font-weight:bold;
a {
color:@secondary;
&:hover { color:@link-hover-color; text-decoration:underline; }
i { vertical-align:middle; margin-bottom:2px; }
}
}
.filename {
padding-left: 20px;
width: 100px;
max-width: 150px;
.text-overflow;
}
.messages {
.text-overflow;
}
.author {
width: 40px;
text-align: right;
.img-rounded {
width:32px; height:32px; overflow:hidden;
display:block; padding:0; margin:0;
img { vertical-align:top; }
}
}
.date {
width: 80px;
}
}
.file-header {
margin-top: 10px;
line-height: 34px;
background-color: #D7D7D7;
color: #767676;
font-size: 11px;
padding-left: 15px;
overflow: hidden;
.file-info {
float: left;
.text-overflow;
max-width: 590px;
&.path {
color: #666;
.num {
color: #4D4D4D;
.inline-block;
padding: 1px 2px;
line-height: 14px;
&.plus {
background-color: #46A4A4;
}
&.minus {
background-color: #FFA86A;
}
}
}
}
.btn-raw {
float: right;
padding: 0 30px;
line-height: 34px;
background-color: #BFBFBF;
text-decoration: none;
color: #4D4D4D;
&:hover {
background-color: #F2F2F2;
color: #959595;
.ico {
background-position: -228px -28px;
}
}
.ico {
margin-right: 5px;
}
}
}
.code-wrap {
color: @gray-d4;
overflow-x: auto;
background-color: rgb(36, 36, 36);
border:none; margin:0 !important;
.border-radius(0px);
}
.btnResize {
/*position:absolute;
top:0; right:0; z-index:999;
/*padding:2px 4px; cursor:pointer;*/
width:10px; cursor:e-resize;
height: 99.9%;
vertical-align: middle;
color: gray;
border-left: 1px solid #ccc;
background: #e8e8e8;
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(100%,#e9e9e9));
}
}
.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 setting.
.user-info-box {
float: left;
padding: 10px;
width: 180px;
background-color: #F2F2F2;
.border-radius(10px);
/*.box-shadow(0 -1px 0 rgba(0,0,0, .15));*/
.whoami-wrap {
background-color: @white;
.border-radius(10px);
.box-shadow(0 1px 0 rgba(0,0,0, .15));
padding: 10px;
text-align: center;
.uname {
font-size: 18px;
}
.name {
font-weight: bold;
color: #707070;
}
.avatar {
width:127px; height:127px;
overflow:hidden; margin-bottom:15px;
.inline-block;
.img-rounded;
}
}
.user-location {
color: #707070;
font-size: 11px;
.ico {
margin-right: 5px;
}
.u-location {
margin: 10px 0 0;
}
}
.user-status {
.labels {
.inline-block;
color: #707070;
width: 70px;
}
.num {
color: @orange;
font-size:2em;
font-weight:bold;
float:right;
}
p { line-height:2em; }
}
.user-other-info {
p {
color: #707070;
margin-bottom: 2px;
&.since {
margin-top: 14px;
}
&.social-btns {
margin-top: 18px;
}
}
.focuses {
font-size: 10px;
color: #4092A1;
}
.since {
font-size: 11px;
}
}
.info-box {
padding: 0 20px;
}
.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;
/*
.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;
margin:30px 0px;
border:1px solid #dcdcdc;
border-width:1px 0px;
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; }
}