Unknwon
11 years ago
parent
fa0a389dc4
commit
6fc2107529
@ -0,0 +1,217 @@ |
|||||||
|
@import "../ui/var"; |
||||||
|
@headerBgColor: #428BCA; |
||||||
|
@headerLinkFontColor: #FFF; |
||||||
|
@headerLinkHoverColor: #fff65f; |
||||||
|
@headerLinkCurrentColor: #fff65f; |
||||||
|
@headerSignOutColor: #ff908b; |
||||||
|
@footerBorderColor: #D6D6D6; |
||||||
|
@footerFontColor: #888; |
||||||
|
@langNum: 2px; |
||||||
|
// means 2 items |
||||||
|
html, |
||||||
|
body { |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
.octicon, |
||||||
|
.fa { |
||||||
|
width: 16px; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.fa { |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
.container { |
||||||
|
max-width: 1170px; |
||||||
|
padding: 0 1.5em; |
||||||
|
margin: auto; |
||||||
|
} |
||||||
|
img.avatar-16 { |
||||||
|
width: 16px; |
||||||
|
height: 16px; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
img.avatar-24 { |
||||||
|
width: 24px; |
||||||
|
height: 24px; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
img.avatar-30 { |
||||||
|
width: 30px; |
||||||
|
height: 30px; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
img.avatar-40 { |
||||||
|
width: 40px; |
||||||
|
height: 40px; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
img.avatar-48{ |
||||||
|
width: 48px; |
||||||
|
height: 48px; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
#wrapper { |
||||||
|
padding: 0; |
||||||
|
margin: 0 0 -55px 0; |
||||||
|
min-height: 100%; |
||||||
|
} |
||||||
|
#footer { |
||||||
|
background-color: white; |
||||||
|
border-top: 1px solid@footerBorderColor; |
||||||
|
|
||||||
|
clear: both; |
||||||
|
width: 100%; |
||||||
|
.container { |
||||||
|
padding: 15px; |
||||||
|
} |
||||||
|
color:@footerFontColor; |
||||||
|
.official, |
||||||
|
.version { |
||||||
|
color: @footerFontColor; |
||||||
|
} |
||||||
|
} |
||||||
|
#footer-links { |
||||||
|
> * { |
||||||
|
border-left: 1px solid@footerBorderColor; |
||||||
|
padding-left: 8px; |
||||||
|
margin-left: 5px; |
||||||
|
&:first-child { |
||||||
|
border-left: none; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
#footer-lang { |
||||||
|
position: relative; |
||||||
|
.drop-down { |
||||||
|
top: -2-31*@langNum; |
||||||
|
left: -2px; |
||||||
|
position: absolute; |
||||||
|
height: -3+31*@langNum; |
||||||
|
z-index: 100; |
||||||
|
font-size: 12px; |
||||||
|
width: 120%; |
||||||
|
li > a { |
||||||
|
padding: 3px 9px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
#header { |
||||||
|
background-color: @headerBgColor; |
||||||
|
height: 44px; |
||||||
|
> .menu-line { |
||||||
|
> li > a { |
||||||
|
display: inline-block; |
||||||
|
color:@headerLinkFontColor; |
||||||
|
&:hover { |
||||||
|
background-color: transparent; |
||||||
|
color: @headerLinkHoverColor; |
||||||
|
} |
||||||
|
} |
||||||
|
> li.head { |
||||||
|
color: @headerLinkFontColor; |
||||||
|
} |
||||||
|
> li.hover a:after { |
||||||
|
bottom: -9px; |
||||||
|
color: @headerLinkFontColor; |
||||||
|
} |
||||||
|
> li.current > a { |
||||||
|
color: @headerLinkCurrentColor; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
#header-nav-user { |
||||||
|
height: 44px; |
||||||
|
img { |
||||||
|
margin: -4px 10px 0 0; |
||||||
|
border-radius: 3px; |
||||||
|
} |
||||||
|
} |
||||||
|
#header-nav-sign-out > a:hover { |
||||||
|
color: @headerSignOutColor !important; |
||||||
|
} |
||||||
|
#header-nav-logo { |
||||||
|
padding: 6px 1.2em; |
||||||
|
} |
||||||
|
#header-nav-explore, |
||||||
|
#header-nav-help { |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
#header-new-repo-menu { |
||||||
|
width: 180px; |
||||||
|
background-color: #FFF; |
||||||
|
top: 44px; |
||||||
|
border-top: none; |
||||||
|
.octicon { |
||||||
|
margin-right: 6px; |
||||||
|
font-size: 1.1em; |
||||||
|
} |
||||||
|
left:-66px; |
||||||
|
} |
||||||
|
.switching-list { |
||||||
|
width: 100%; |
||||||
|
list-style: none; |
||||||
|
> li { |
||||||
|
border-bottom: 1px solid #eaeaea; |
||||||
|
&:last-child { |
||||||
|
border-bottom: none; |
||||||
|
} |
||||||
|
> a { |
||||||
|
padding: .4em 1.2em; |
||||||
|
display: block; |
||||||
|
color: #444; |
||||||
|
&:hover { |
||||||
|
background-color: #428bca !important; |
||||||
|
color: #fff !important; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.social-buttons { |
||||||
|
.btn { |
||||||
|
border: none; |
||||||
|
font-size: 16px; |
||||||
|
border-radius: 4px; |
||||||
|
margin-right: 12px; |
||||||
|
font-family: 'PT Sans Narrow', sans-serif; |
||||||
|
padding: 5px 12px; |
||||||
|
color: #FFF; |
||||||
|
.fa { |
||||||
|
margin-right: 6px; |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
} |
||||||
|
.twitter { |
||||||
|
background-color: #1c6399; |
||||||
|
&:hover { |
||||||
|
background-color: #1c5487; |
||||||
|
} |
||||||
|
} |
||||||
|
.github { |
||||||
|
background-color: #444; |
||||||
|
&:hover { |
||||||
|
background-color: #333; |
||||||
|
} |
||||||
|
} |
||||||
|
.google { |
||||||
|
background-color: #C03D20; |
||||||
|
&:hover { |
||||||
|
background-color: #D56060; |
||||||
|
} |
||||||
|
} |
||||||
|
.weibo { |
||||||
|
background-color: #bf1324; |
||||||
|
&:hover { |
||||||
|
background-color: #b94c4a; |
||||||
|
} |
||||||
|
} |
||||||
|
.qq { |
||||||
|
background-color: #03a2ef; |
||||||
|
&:hover { |
||||||
|
background-color: #3cb3ff; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.main-wrapper { |
||||||
|
padding: 20px 0 40px; |
||||||
|
} |
||||||
@ -0,0 +1,244 @@ |
|||||||
|
@import "../ui/var"; |
||||||
|
|
||||||
|
/* |
||||||
|
The dashboard page style |
||||||
|
*/ |
||||||
|
|
||||||
|
@dashboardHeaderBorderColor: #D6D6D6; |
||||||
|
@dashboardHeaderLinkColor: #444; |
||||||
|
@dashboardHeaderLinkHoverColor: #D9453D; |
||||||
|
@dashboardSwitchMenuHoverBgColor: @linkColor; |
||||||
|
@dashboardSwitchMenuHoverFontColor: #FFF; |
||||||
|
|
||||||
|
// dashboard header, contains dashboard selection menu and nav of Feed/PR/Issues. |
||||||
|
#dashboard-header { |
||||||
|
border-bottom: 1px solid @dashboardHeaderBorderColor; |
||||||
|
height: 69px; |
||||||
|
> .menu-line { |
||||||
|
> li { |
||||||
|
padding: 12px 0; |
||||||
|
} |
||||||
|
> li.right { |
||||||
|
> a { |
||||||
|
font-size: 1.2em; |
||||||
|
color: @dashboardHeaderLinkColor; |
||||||
|
&:hover { |
||||||
|
background-color: transparent; |
||||||
|
color: @dashboardHeaderLinkHoverColor; |
||||||
|
} |
||||||
|
.octicon { |
||||||
|
margin-right: 6px; |
||||||
|
} |
||||||
|
} |
||||||
|
.current { |
||||||
|
border-bottom: 2px solid #D26911; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// dashboard context switch selection |
||||||
|
#dashboard-selection-menu { |
||||||
|
a img { |
||||||
|
margin: -4px 10px 0 0; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#dashboard { |
||||||
|
padding: 24px 0; |
||||||
|
} |
||||||
|
|
||||||
|
// dashboard sidebar contains contributed repositories panel, |
||||||
|
// and my repositories panel |
||||||
|
#dashboard-sidebar { |
||||||
|
.panel-header h4 { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
> .panel { |
||||||
|
margin-bottom: 24px; |
||||||
|
border-bottom-left-radius: .3em; |
||||||
|
border-bottom-right-radius: .3em; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#dashboard-sidebar-menu { |
||||||
|
border-top-left-radius: .3em; |
||||||
|
border-top-right-radius: .3em; |
||||||
|
> li { |
||||||
|
border: 1px solid #d6d6d6; |
||||||
|
float: left; |
||||||
|
margin-right: -1px; |
||||||
|
border-bottom: none; |
||||||
|
> a { |
||||||
|
padding-top: .4em; |
||||||
|
padding-bottom: .4em; |
||||||
|
} |
||||||
|
} |
||||||
|
> li.first { |
||||||
|
border-top-left-radius: .3em; |
||||||
|
> a { |
||||||
|
border-top-left-radius: .3em; |
||||||
|
} |
||||||
|
} |
||||||
|
> li.drop { |
||||||
|
border: none; |
||||||
|
float: right; |
||||||
|
} |
||||||
|
width: 100%; |
||||||
|
height: 35px; |
||||||
|
> li.js-tab-nav-show { |
||||||
|
background-color: #EEEEEE; |
||||||
|
} |
||||||
|
> li.last { |
||||||
|
border-top-right-radius: .3em; |
||||||
|
> a { |
||||||
|
border-top-right-radius: .3em; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#dashboard-my-mirror, |
||||||
|
#dashboard-my-org, |
||||||
|
#dashboard-my-repo { |
||||||
|
li { |
||||||
|
&.private { |
||||||
|
background-color: #fcf8e9; |
||||||
|
} |
||||||
|
border-bottom: 1px solid #EAEAEA; |
||||||
|
&:last-child { |
||||||
|
border-bottom: none; |
||||||
|
} |
||||||
|
a { |
||||||
|
padding: 6px 1.2em; |
||||||
|
display: block; |
||||||
|
.octicon { |
||||||
|
margin-right: 6px; |
||||||
|
color: #888; |
||||||
|
} |
||||||
|
&:hover { |
||||||
|
.repo-name { |
||||||
|
text-decoration: underline; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.repo-name { |
||||||
|
font-size: 1.1em; |
||||||
|
} |
||||||
|
.repo-star { |
||||||
|
color: #888; |
||||||
|
} |
||||||
|
.repo-contrib-header { |
||||||
|
border-top: 1px solid #d6d6d6; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#dashboard-my-repo { |
||||||
|
.panel-header { |
||||||
|
.octicon { |
||||||
|
margin-right: 6px; |
||||||
|
font-size: 12px; |
||||||
|
} |
||||||
|
} |
||||||
|
.repo-count { |
||||||
|
margin-left: 4px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#dashboard-my-org, |
||||||
|
#dashboard-my-mirror { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
// the button of new repository in my repositories panel |
||||||
|
#dashboard-new-repo { |
||||||
|
width: 50px; |
||||||
|
height: 35px; |
||||||
|
padding-top: 6px; |
||||||
|
margin-right: 1px; |
||||||
|
.octicon { |
||||||
|
font-size: 2em; |
||||||
|
} |
||||||
|
border-top-left-radius: .3em; |
||||||
|
border-top-right-radius: .3em; |
||||||
|
} |
||||||
|
|
||||||
|
// the drop-down menu of #dashboard-new-repo |
||||||
|
#dashboard-new-repo-menu { |
||||||
|
top: 35px; |
||||||
|
width: 180px; |
||||||
|
background-color: #FFF; |
||||||
|
left: -132px; |
||||||
|
.octicon { |
||||||
|
margin-right: 6px; |
||||||
|
font-size: 1.1em; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#dashboard-selection-menu { |
||||||
|
> .drop-down { |
||||||
|
top: 56px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// the drop-down menu of #dashboard-selection-menu |
||||||
|
#dashboard-switch-menu { |
||||||
|
> li { |
||||||
|
> a { |
||||||
|
img { |
||||||
|
margin-top: 0; |
||||||
|
} |
||||||
|
.octicon { |
||||||
|
margin-right: 12px; |
||||||
|
} |
||||||
|
} |
||||||
|
&:last-child { |
||||||
|
> a { |
||||||
|
border-bottom-left-radius: .3em; |
||||||
|
border-bottom-right-radius: .3em; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
> li.org > a { |
||||||
|
.octicon { |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
> li.checked > a { |
||||||
|
.octicon { |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
border-bottom-left-radius: .3em; |
||||||
|
border-bottom-right-radius: .3em; |
||||||
|
} |
||||||
|
|
||||||
|
#dashboard-news { |
||||||
|
.news { |
||||||
|
margin-right: 2.4em; |
||||||
|
.mega-octicon { |
||||||
|
color: #CCC; |
||||||
|
} |
||||||
|
.avatar { |
||||||
|
margin: 0 1.2em; |
||||||
|
} |
||||||
|
.news-content, |
||||||
|
.news-time { |
||||||
|
color: #888; |
||||||
|
} |
||||||
|
padding-bottom: 1em; |
||||||
|
margin-bottom: 1em; |
||||||
|
border-bottom: 1px solid #E6E6E6; |
||||||
|
min-height: 30px; |
||||||
|
} |
||||||
|
.push-news { |
||||||
|
.news-content li { |
||||||
|
margin-left: 1em; |
||||||
|
img { |
||||||
|
margin-bottom: -2px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
@ -0,0 +1,97 @@ |
|||||||
|
@import "base"; |
||||||
|
@import "../ui/var"; |
||||||
|
#promo-wrapper { |
||||||
|
padding-top: 50px; |
||||||
|
background-color: @headerBgColor; |
||||||
|
} |
||||||
|
|
||||||
|
#promo-logo { |
||||||
|
img { |
||||||
|
max-width: 250px; |
||||||
|
} |
||||||
|
margin-right: 50px; |
||||||
|
padding-bottom: 50px; |
||||||
|
} |
||||||
|
|
||||||
|
#promo-content { |
||||||
|
color: #FFF; |
||||||
|
margin-left: 300px; |
||||||
|
h1, |
||||||
|
h2 { |
||||||
|
font-family: 'PT Sans Narrow', sans-serif; |
||||||
|
line-height: 60px; |
||||||
|
margin-bottom: 0; |
||||||
|
text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5); |
||||||
|
} |
||||||
|
h1 { |
||||||
|
font-size: 96px; |
||||||
|
line-height: 96px; |
||||||
|
margin-bottom: 30px; |
||||||
|
} |
||||||
|
h2 { |
||||||
|
font-size: 52px; |
||||||
|
line-height: 70px; |
||||||
|
font-weight: normal; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#promo-form { |
||||||
|
padding: 40px 0; |
||||||
|
.ipt-large { |
||||||
|
border: none; |
||||||
|
border-radius: 4px; |
||||||
|
font-size: 18px; |
||||||
|
&:focus { |
||||||
|
box-shadow: 0 0 3px #FFF; |
||||||
|
} |
||||||
|
margin-right: 12px; |
||||||
|
} |
||||||
|
.btn-large { |
||||||
|
border-radius: 4px; |
||||||
|
font-size: 18px; |
||||||
|
margin-right: 12px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#promo-social { |
||||||
|
padding-bottom: 60px; |
||||||
|
.qq{ |
||||||
|
box-shadow: 0 0 1px #1c6399; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#feature-wrapper { |
||||||
|
font-family: Lato, sans-serif; |
||||||
|
font-size: 18px; |
||||||
|
padding: 50px 0 100px 0; |
||||||
|
.octicon { |
||||||
|
color: @btnRedColor; |
||||||
|
font-size: 60px; |
||||||
|
height: 60px; |
||||||
|
width: 60px; |
||||||
|
line-height: 60px; |
||||||
|
margin-right: 12px; |
||||||
|
vertical-align: middle; |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
b { |
||||||
|
color: #000; |
||||||
|
font-size: 24px; |
||||||
|
display: inline-block; |
||||||
|
line-height: 60px; |
||||||
|
} |
||||||
|
p { |
||||||
|
margin: 1em 0; |
||||||
|
line-height: 40px; |
||||||
|
padding-right: 30px; |
||||||
|
} |
||||||
|
a { |
||||||
|
color: @btnRedColor; |
||||||
|
&:hover { |
||||||
|
color: @btnHoverRedColor; |
||||||
|
} |
||||||
|
} |
||||||
|
.grid-1-2 { |
||||||
|
margin-bottom: 30px; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,262 @@ |
|||||||
|
@import "../ui/var"; |
||||||
|
|
||||||
|
.repo-issue-wrapper { |
||||||
|
padding: 18px 0; |
||||||
|
} |
||||||
|
|
||||||
|
.pr-main { |
||||||
|
padding-right: 40px; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
|
||||||
|
.pr-sidebar { |
||||||
|
border-left: 1px solid #DDD; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
|
||||||
|
#pr-sidebar-nav { |
||||||
|
margin-top: 6px; |
||||||
|
li { |
||||||
|
margin-bottom: 4px; |
||||||
|
} |
||||||
|
li > a { |
||||||
|
border: 1px solid transparent; |
||||||
|
border-left: none; |
||||||
|
&:hover { |
||||||
|
background-color: #FFF; |
||||||
|
border-color: #DDD; |
||||||
|
} |
||||||
|
} |
||||||
|
.label { |
||||||
|
font-size: 12px; |
||||||
|
line-height: 1.4em; |
||||||
|
margin-top: 1px; |
||||||
|
} |
||||||
|
li.current { |
||||||
|
a { |
||||||
|
background-color: #FFF; |
||||||
|
border-color: #DDD; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.pr-title { |
||||||
|
.pr-num { |
||||||
|
font-weight: normal; |
||||||
|
color: #888; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.pr-meta { |
||||||
|
color: #888; |
||||||
|
.pr-author { |
||||||
|
margin: 0 8px; |
||||||
|
color: #444; |
||||||
|
&:hover { |
||||||
|
text-decoration: underline; |
||||||
|
} |
||||||
|
} |
||||||
|
.pr-branch { |
||||||
|
margin: 0 4px; |
||||||
|
font-size: 12px; |
||||||
|
padding: 4px 6px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.pr-nav { |
||||||
|
border-bottom: 1px solid #DDD; |
||||||
|
margin-top: 16px; |
||||||
|
margin-bottom: 16px; |
||||||
|
.octicon { |
||||||
|
margin-right: 4px; |
||||||
|
} |
||||||
|
li > a { |
||||||
|
padding: 3px 9px !important; |
||||||
|
border: 1px solid transparent; |
||||||
|
border-bottom: none; |
||||||
|
.label { |
||||||
|
padding: 1px 5px; |
||||||
|
font-size: 12px; |
||||||
|
margin-left: 4px; |
||||||
|
} |
||||||
|
border-top-left-radius: .2em; |
||||||
|
border-top-right-radius: .2em; |
||||||
|
} |
||||||
|
li.js-tab-nav-show { |
||||||
|
> a { |
||||||
|
background-color: #FFF; |
||||||
|
border-color: #E6E6E6; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.diff-bar { |
||||||
|
.diff-add { |
||||||
|
color: @btnGreenColor; |
||||||
|
} |
||||||
|
.diff-delete { |
||||||
|
color: @btnRedColor; |
||||||
|
} |
||||||
|
.diff-status { |
||||||
|
width: 50px; |
||||||
|
background-color: @btnRedColor; |
||||||
|
height: 10px; |
||||||
|
margin-top: 7px; |
||||||
|
margin-left: 4px; |
||||||
|
margin-right: 4px; |
||||||
|
border-radius: .2em; |
||||||
|
} |
||||||
|
.diff-status-inner { |
||||||
|
width: 45%; |
||||||
|
background-color: @btnGreenColor; |
||||||
|
height: 10px; |
||||||
|
border-top-left-radius: .2em; |
||||||
|
border-bottom-left-radius: .2em; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#pr-commit, |
||||||
|
#pr-file-diff, |
||||||
|
#issue-add-comment-preview { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
#pr-conversation-list { |
||||||
|
padding-right: 30px; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
|
||||||
|
.issue-comment, |
||||||
|
.issue-commit, |
||||||
|
.issue-line, |
||||||
|
.issue-merge, |
||||||
|
.issue-add-comment { |
||||||
|
margin-bottom: 16px; |
||||||
|
} |
||||||
|
|
||||||
|
.issue-comment { |
||||||
|
.author-avatar { |
||||||
|
img { |
||||||
|
margin-right: 12px; |
||||||
|
} |
||||||
|
} |
||||||
|
.panel { |
||||||
|
margin-left: 60px; |
||||||
|
margin-top: -40px; |
||||||
|
} |
||||||
|
.panel-header { |
||||||
|
font-size: 13px; |
||||||
|
} |
||||||
|
.author-name { |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.date { |
||||||
|
margin-left: 4px; |
||||||
|
font-style: italic; |
||||||
|
color: #888; |
||||||
|
} |
||||||
|
.action { |
||||||
|
> * { |
||||||
|
margin-left: 4px; |
||||||
|
font-size: 12px; |
||||||
|
} |
||||||
|
i { |
||||||
|
font-size: 13px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.issue-commit { |
||||||
|
line-height: 32px; |
||||||
|
i, .author-avatar img { |
||||||
|
margin-right: 16px; |
||||||
|
} |
||||||
|
.sha { |
||||||
|
margin-left: 24px; |
||||||
|
} |
||||||
|
.message { |
||||||
|
display: block; |
||||||
|
margin-left: 88px; |
||||||
|
padding-top: 4px; |
||||||
|
line-height: 24px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.issue-merge { |
||||||
|
.ico { |
||||||
|
width: 40px; |
||||||
|
height: 40px; |
||||||
|
text-align: center; |
||||||
|
color: #FFF; |
||||||
|
i { |
||||||
|
margin-top: 8px; |
||||||
|
font-size: 24px; |
||||||
|
} |
||||||
|
margin-right: 12px; |
||||||
|
} |
||||||
|
.panel { |
||||||
|
margin-left: 60px; |
||||||
|
margin-top: -40px; |
||||||
|
} |
||||||
|
.panel-header { |
||||||
|
font-size: 13px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.issue-merge-ok { |
||||||
|
.ico { |
||||||
|
background-color: #65AD4E; |
||||||
|
} |
||||||
|
.panel, |
||||||
|
.panel-content, |
||||||
|
.panel-header { |
||||||
|
border-color: #65AD4E; |
||||||
|
background-color: #FFF; |
||||||
|
} |
||||||
|
.panel-header { |
||||||
|
color: darken(#65AD4E, 10%); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.issue-line { |
||||||
|
height: 4px; |
||||||
|
background-color: #E6E6E6; |
||||||
|
} |
||||||
|
|
||||||
|
.issue-add-comment { |
||||||
|
.panel { |
||||||
|
margin-left: 60px; |
||||||
|
margin-top: -40px; |
||||||
|
} |
||||||
|
.panel-header { |
||||||
|
font-size: 13px; |
||||||
|
padding-bottom: 0; |
||||||
|
} |
||||||
|
.add-nav { |
||||||
|
> li { |
||||||
|
> a { |
||||||
|
padding: 4px 12px; |
||||||
|
color: #444; |
||||||
|
border: 1px solid #CCC; |
||||||
|
margin-bottom: -1px; |
||||||
|
font-size: 14px; |
||||||
|
border-top-left-radius: .3em; |
||||||
|
border-top-right-radius: .3em; |
||||||
|
&:hover { |
||||||
|
background-color: #FFF; |
||||||
|
} |
||||||
|
} |
||||||
|
&.js-tab-nav-show { |
||||||
|
> a { |
||||||
|
background-color: #FFF; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
textarea#issue-add-content { |
||||||
|
width: 100%; |
||||||
|
box-sizing: border-box; |
||||||
|
height: 120px; |
||||||
|
} |
||||||
@ -0,0 +1,322 @@ |
|||||||
|
.markdown { |
||||||
|
background-color: white; |
||||||
|
font-size: 16px; |
||||||
|
line-height: 24px; |
||||||
|
.markdown-body { |
||||||
|
padding-left: 24px; |
||||||
|
padding-right: 16px; |
||||||
|
} |
||||||
|
h5, |
||||||
|
h6 { |
||||||
|
font-size: 1em; |
||||||
|
} |
||||||
|
ul { |
||||||
|
padding: 10px 0 0 15px; |
||||||
|
li { |
||||||
|
list-style: inside; |
||||||
|
} |
||||||
|
} |
||||||
|
ol li { |
||||||
|
list-style: decimal inside; |
||||||
|
} |
||||||
|
li { |
||||||
|
line-height: 1.6; |
||||||
|
margin-top: 6px; |
||||||
|
&:first-child { |
||||||
|
margin-top: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
> pre { |
||||||
|
font-size: 14px; |
||||||
|
line-height: 1.6; |
||||||
|
overflow: auto; |
||||||
|
border: 1px solid #ddd; |
||||||
|
border-radius: .25em; |
||||||
|
margin: 5px 0; |
||||||
|
padding: 10px; |
||||||
|
background-color: #f8f8f8; |
||||||
|
} |
||||||
|
img { |
||||||
|
padding: 10px 0; |
||||||
|
max-width: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
.markdown a { |
||||||
|
color: #428BCA; |
||||||
|
} |
||||||
|
.markdown h1, |
||||||
|
.markdown h2, |
||||||
|
.markdown h3, |
||||||
|
.markdown h4, |
||||||
|
.markdown h5, |
||||||
|
.markdown h6 { |
||||||
|
line-height: 1.7; |
||||||
|
padding: 15px 0 0; |
||||||
|
margin: 0 0 15px; |
||||||
|
color: #444; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.markdown h1, |
||||||
|
.markdown h2 { |
||||||
|
border-bottom: 1px solid #E0E0E0; |
||||||
|
} |
||||||
|
.markdown h2 { |
||||||
|
border-bottom: 1px solid #E0E0E0; |
||||||
|
} |
||||||
|
.markdown h1 { |
||||||
|
color: #000; |
||||||
|
font-size: 33px |
||||||
|
} |
||||||
|
.markdown h2 { |
||||||
|
color: #333; |
||||||
|
font-size: 28px |
||||||
|
} |
||||||
|
.markdown h3 { |
||||||
|
font-size: 22px |
||||||
|
} |
||||||
|
.markdown h4 { |
||||||
|
font-size: 18px |
||||||
|
} |
||||||
|
.markdown table { |
||||||
|
border-collapse: collapse; |
||||||
|
border-spacing: 0; |
||||||
|
display: block; |
||||||
|
overflow: auto; |
||||||
|
width: 100%; |
||||||
|
margin: 0 0 9px; |
||||||
|
} |
||||||
|
.markdown table th { |
||||||
|
font-weight: 700 |
||||||
|
} |
||||||
|
.markdown table th, |
||||||
|
.markdown table td { |
||||||
|
border: 1px solid #DDD; |
||||||
|
padding: 6px 13px; |
||||||
|
} |
||||||
|
.markdown table tr { |
||||||
|
background-color: #FFF; |
||||||
|
border-top: 1px solid #CCC; |
||||||
|
} |
||||||
|
.markdown table tr:nth-child(2n) { |
||||||
|
background-color: #F8F8F8 |
||||||
|
} |
||||||
|
.markdown dl dt { |
||||||
|
font-style: italic; |
||||||
|
margin-top: 9px; |
||||||
|
} |
||||||
|
.markdown dl dd { |
||||||
|
margin: 0 0 9px; |
||||||
|
padding: 0 9px; |
||||||
|
} |
||||||
|
.markdown blockquote, |
||||||
|
.markdown blockquote p { |
||||||
|
font-size: 14px; |
||||||
|
background-color: #f5f5f5; |
||||||
|
} |
||||||
|
.markdown > pre.linenums { |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.markdown > pre > ol.linenums { |
||||||
|
list-style: none; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.markdown > pre > ol.linenums > li { |
||||||
|
margin-top: 2px; |
||||||
|
} |
||||||
|
.markdown > pre.nums-style > ol.linenums { |
||||||
|
list-style-type: decimal; |
||||||
|
padding: 0 0 0 40px; |
||||||
|
-webkit-box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc; |
||||||
|
box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc; |
||||||
|
} |
||||||
|
.markdown > pre > code { |
||||||
|
white-space: pre; |
||||||
|
word-wrap: normal; |
||||||
|
} |
||||||
|
.markdown > pre > ol.linenums > li { |
||||||
|
padding: 0 10px; |
||||||
|
} |
||||||
|
.markdown > pre > ol.linenums > li:first-child { |
||||||
|
padding-top: 12px; |
||||||
|
} |
||||||
|
.markdown > pre > ol.linenums > li:last-child { |
||||||
|
padding-bottom: 12px; |
||||||
|
} |
||||||
|
.markdown > pre.nums-style > ol.linenums > li { |
||||||
|
border-left: 1px solid #ddd; |
||||||
|
} |
||||||
|
.markdown hr { |
||||||
|
border: none; |
||||||
|
color: #ccc; |
||||||
|
height: 4px; |
||||||
|
padding: 0; |
||||||
|
margin: 15px 0; |
||||||
|
border-bottom: 2px solid #EEE; |
||||||
|
} |
||||||
|
.markdown blockquote:last-child, |
||||||
|
.markdown ul:last-child, |
||||||
|
.markdown ol:last-child, |
||||||
|
.markdown > pre:last-child, |
||||||
|
.markdown > pre:last-child, |
||||||
|
.markdown p:last-child { |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
.markdown .btn { |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
.markdown h1 a, |
||||||
|
.markdown h2 a, |
||||||
|
.markdown h3 a { |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
.markdown h1 a.anchor, |
||||||
|
.markdown h2 a.anchor, |
||||||
|
.markdown h3 a.anchor, |
||||||
|
.markdown h4 a.anchor, |
||||||
|
.markdown h5 a.anchor, |
||||||
|
.markdown h6 a.anchor { |
||||||
|
text-decoration: none; |
||||||
|
line-height: 1; |
||||||
|
padding-left: 0; |
||||||
|
margin-left: -24px; |
||||||
|
top: 15%; |
||||||
|
} |
||||||
|
.markdown a span.octicon { |
||||||
|
font-size: 16px; |
||||||
|
line-height: 1; |
||||||
|
display: inline-block; |
||||||
|
text-decoration: none; |
||||||
|
-webkit-font-smoothing: antialiased; |
||||||
|
margin-left: 30px; |
||||||
|
} |
||||||
|
.markdown a span.octicon-link { |
||||||
|
opacity: 0; |
||||||
|
color: #444; |
||||||
|
} |
||||||
|
.markdown h1:hover .octicon-link, |
||||||
|
.markdown h2:hover .octicon-link, |
||||||
|
.markdown h3:hover .octicon-link, |
||||||
|
.markdown h4:hover .octicon-link, |
||||||
|
.markdown h5:hover .octicon-link, |
||||||
|
.markdown h6:hover .octicon-link { |
||||||
|
display: inline-block; |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
/* Author: jmblog */ |
||||||
|
|
||||||
|
/* Project: https://github.com/jmblog/color-themes-for-google-code-prettify */ |
||||||
|
|
||||||
|
/* GitHub Theme */ |
||||||
|
|
||||||
|
/* Pretty printing styles. Used with prettify.js. */ |
||||||
|
|
||||||
|
/* SPAN elements with the classes below are added by prettyprint. */ |
||||||
|
|
||||||
|
/* plain text */ |
||||||
|
|
||||||
|
.pln { |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
@media screen { |
||||||
|
/* string content */ |
||||||
|
.str { |
||||||
|
color: #dd1144; |
||||||
|
} |
||||||
|
/* a keyword */ |
||||||
|
.kwd { |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
/* a comment */ |
||||||
|
.com { |
||||||
|
color: #999988; |
||||||
|
font-style: italic; |
||||||
|
} |
||||||
|
/* a type name */ |
||||||
|
.typ { |
||||||
|
color: #445588; |
||||||
|
} |
||||||
|
/* a literal value */ |
||||||
|
.lit { |
||||||
|
color: #445588; |
||||||
|
} |
||||||
|
/* punctuation */ |
||||||
|
.pun { |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
/* lisp open bracket */ |
||||||
|
.opn { |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
/* lisp close bracket */ |
||||||
|
.clo { |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
/* a markup tag name */ |
||||||
|
.tag { |
||||||
|
color: navy; |
||||||
|
} |
||||||
|
/* a markup attribute name */ |
||||||
|
.atn { |
||||||
|
color: teal; |
||||||
|
} |
||||||
|
/* a markup attribute value */ |
||||||
|
.atv { |
||||||
|
color: #dd1144; |
||||||
|
} |
||||||
|
/* a declaration */ |
||||||
|
.dec { |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
/* a variable name */ |
||||||
|
.var { |
||||||
|
color: teal; |
||||||
|
} |
||||||
|
/* a function name */ |
||||||
|
.fun { |
||||||
|
color: #990000; |
||||||
|
} |
||||||
|
} |
||||||
|
/* Use higher contrast and text-weight for printable form. */ |
||||||
|
|
||||||
|
@media print, |
||||||
|
projection { |
||||||
|
.str { |
||||||
|
color: #006600; |
||||||
|
} |
||||||
|
.kwd { |
||||||
|
color: #006; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.com { |
||||||
|
color: #600; |
||||||
|
font-style: italic; |
||||||
|
} |
||||||
|
.typ { |
||||||
|
color: #404; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.lit { |
||||||
|
color: #004444; |
||||||
|
} |
||||||
|
.pun, |
||||||
|
.opn, |
||||||
|
.clo { |
||||||
|
color: #444400; |
||||||
|
} |
||||||
|
.tag { |
||||||
|
color: #006; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.atn { |
||||||
|
color: #440044; |
||||||
|
} |
||||||
|
.atv { |
||||||
|
color: #006600; |
||||||
|
} |
||||||
|
} |
||||||
|
/* Specify class=linenums on a pre to get line numbering */ |
||||||
|
|
||||||
|
ol.linenums { |
||||||
|
margin-top: 0; |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
@ -0,0 +1,434 @@ |
|||||||
|
@import "../ui/var"; |
||||||
|
|
||||||
|
@repoHeaderBorderColor: #D6D6D6; |
||||||
|
@repoHeaderBgColor: #FFF; |
||||||
|
@repoHeaderNameColor: #888; |
||||||
|
|
||||||
|
/* repository main */ |
||||||
|
#repo-wrapper { |
||||||
|
padding-bottom: 100px; |
||||||
|
} |
||||||
|
#repo-header { |
||||||
|
height: 69px; |
||||||
|
border-bottom: 1px solid @repoHeaderBorderColor; |
||||||
|
background-color: @repoHeaderBgColor; |
||||||
|
} |
||||||
|
#repo-header-name { |
||||||
|
line-height: 66px; |
||||||
|
color: @repoHeaderNameColor; |
||||||
|
font-size: 1.6em; |
||||||
|
font-weight: normal; |
||||||
|
margin-bottom: 0; |
||||||
|
i { |
||||||
|
margin-right: 12px; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
.divider { |
||||||
|
margin: 0 4px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#repo-header-meta { |
||||||
|
line-height: 66px; |
||||||
|
li { |
||||||
|
> a { |
||||||
|
padding: 0; |
||||||
|
&:hover { |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
a > .btn { |
||||||
|
font-size: 1.05em; |
||||||
|
margin-left: 16px; |
||||||
|
i { |
||||||
|
margin-right: 6px; |
||||||
|
} |
||||||
|
line-height: 16px; |
||||||
|
.num { |
||||||
|
margin-left: 6px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#repo-header-download-btn { |
||||||
|
> .btn > i { |
||||||
|
margin-right: 0 !important; |
||||||
|
} |
||||||
|
&:hover { |
||||||
|
&:after, |
||||||
|
.btn { |
||||||
|
background-color: @btnHoverBlackColor; |
||||||
|
color: #FFF; |
||||||
|
} |
||||||
|
} |
||||||
|
&:after { |
||||||
|
background-color: @btnBlackColor; |
||||||
|
padding: 9px 16px 8px 0; |
||||||
|
margin-left: -8px !important; |
||||||
|
color: #FFF; |
||||||
|
border-top: 1px solid @btnBlackColor; |
||||||
|
border-bottom: 1px solid @btnBlackColor; |
||||||
|
border-top-right-radius: .25em; |
||||||
|
border-bottom-right-radius: .25em; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#repo-header-download-drop { |
||||||
|
line-height: 24px; |
||||||
|
width: 440px; |
||||||
|
top: 50px; |
||||||
|
left: -354px; |
||||||
|
padding: 20px; |
||||||
|
box-sizing: border-box; |
||||||
|
.btn > i { |
||||||
|
margin-right: 6px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#repo-content { |
||||||
|
padding: 18px 0; |
||||||
|
} |
||||||
|
|
||||||
|
#repo-clone-url { |
||||||
|
border-right: none; |
||||||
|
width: 196px; |
||||||
|
border-left: none; |
||||||
|
} |
||||||
|
|
||||||
|
#repo-clone-help { |
||||||
|
line-height: 48px; |
||||||
|
} |
||||||
|
|
||||||
|
#repo-clone-zip { |
||||||
|
line-height: 48px; |
||||||
|
a { |
||||||
|
cursor: pointer; |
||||||
|
color: white; |
||||||
|
overflow: visible; |
||||||
|
padding: .6em 1.2em; |
||||||
|
} |
||||||
|
.btn { |
||||||
|
margin: 0 6px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#repo-desc { |
||||||
|
font-size: 1.2em; |
||||||
|
} |
||||||
|
|
||||||
|
#repo-sidebar-nav { |
||||||
|
.label { |
||||||
|
font-size: 12px; |
||||||
|
line-height: 1.4em; |
||||||
|
margin-top: 2px; |
||||||
|
} |
||||||
|
i { |
||||||
|
margin-right: 6px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#repo-file-nav { |
||||||
|
padding: .6em 0 1em 0; |
||||||
|
> li > a { |
||||||
|
padding-left: 0; |
||||||
|
&:hover { |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
} |
||||||
|
li.repo-jump > a { |
||||||
|
padding-right: 0; |
||||||
|
.btn { |
||||||
|
margin-left: -1px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#repo-branch-switch { |
||||||
|
> a { |
||||||
|
.btn { |
||||||
|
padding-right: 30px; |
||||||
|
} |
||||||
|
&:after { |
||||||
|
position: absolute; |
||||||
|
top: 12px; |
||||||
|
right: 30px; |
||||||
|
margin-left: 0; |
||||||
|
color: @baseFontColor; |
||||||
|
} |
||||||
|
} |
||||||
|
> .drop-down { |
||||||
|
top: 40px; |
||||||
|
left: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#repo-branch-filter-ipt { |
||||||
|
width: 100%; |
||||||
|
border-left: none; |
||||||
|
border-right: none; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
|
||||||
|
#repo-branch-tag { |
||||||
|
.tab-nav { |
||||||
|
border-bottom: 1px solid #EAEAEA; |
||||||
|
a { |
||||||
|
padding: .3em .8em; |
||||||
|
} |
||||||
|
.js-tab-nav-show { |
||||||
|
background-color: #EEE; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#repo-branch-list, |
||||||
|
#repo-tag-list { |
||||||
|
li { |
||||||
|
i { |
||||||
|
margin-right: 12px; |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
li.checked { |
||||||
|
i { |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#repo-tag-list { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
#repo-bread { |
||||||
|
.bread { |
||||||
|
padding-right: 0; |
||||||
|
font-size: 16px; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#repo-main { |
||||||
|
padding-right: 40px; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
|
||||||
|
#repo-files-table { |
||||||
|
margin-bottom: 20px; |
||||||
|
th, |
||||||
|
td { |
||||||
|
text-align: left; |
||||||
|
line-height: 32px; |
||||||
|
} |
||||||
|
td.icon { |
||||||
|
width: 16px; |
||||||
|
padding-right: .1em; |
||||||
|
padding-left: 1em; |
||||||
|
} |
||||||
|
td.name { |
||||||
|
max-width: 120px; |
||||||
|
.text-truncate { |
||||||
|
max-width: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
td.age { |
||||||
|
max-width: 120px; |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
td.msg { |
||||||
|
max-width: 440px; |
||||||
|
.text-truncate { |
||||||
|
max-width: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
td.age, |
||||||
|
td.size, |
||||||
|
td.msg a { |
||||||
|
color: #888; |
||||||
|
} |
||||||
|
td.msg a:hover { |
||||||
|
color: #428BCA; |
||||||
|
text-decoration: underline; |
||||||
|
} |
||||||
|
tbody { |
||||||
|
background-color: #FFF; |
||||||
|
tr:hover { |
||||||
|
background-color: #ffffEE; |
||||||
|
} |
||||||
|
} |
||||||
|
thead { |
||||||
|
background-color: #F0F0F0; |
||||||
|
.author { |
||||||
|
a { |
||||||
|
margin: 0 .4em; |
||||||
|
} |
||||||
|
} |
||||||
|
.last-commit { |
||||||
|
strong { |
||||||
|
color: #444; |
||||||
|
} |
||||||
|
.text-truncate { |
||||||
|
margin-left: .4em; |
||||||
|
} |
||||||
|
} |
||||||
|
.last-commit .text-truncate, |
||||||
|
.age { |
||||||
|
font-weight: normal; |
||||||
|
color: #888; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#repo-readme { |
||||||
|
margin-bottom: 80px; |
||||||
|
} |
||||||
|
|
||||||
|
#repo-bare-start { |
||||||
|
margin-bottom: 100px; |
||||||
|
.panel-content { |
||||||
|
background-color: #FFF; |
||||||
|
} |
||||||
|
pre { |
||||||
|
margin: 0 40px; |
||||||
|
padding: 6px 10px; |
||||||
|
border: 1px solid #ddd; |
||||||
|
background: #f8f8f8; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.repo-bare { |
||||||
|
#repo-bare-start { |
||||||
|
h2 { |
||||||
|
margin-top: 30px; |
||||||
|
margin-bottom: 24px; |
||||||
|
} |
||||||
|
} |
||||||
|
#repo-header-meta { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
#repo-clone-ssh { |
||||||
|
margin-left: 200px; |
||||||
|
} |
||||||
|
#repo-clone-copy { |
||||||
|
margin-right: 200px; |
||||||
|
} |
||||||
|
#repo-clone-help { |
||||||
|
clear: both; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
#repo-clone-url { |
||||||
|
width: 520px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* repository create */ |
||||||
|
|
||||||
|
#repo-migrate-form, |
||||||
|
#repo-create-form { |
||||||
|
width: 800px; |
||||||
|
margin: 60px auto auto auto; |
||||||
|
background: white; |
||||||
|
h2 { |
||||||
|
margin: .5em 1em; |
||||||
|
} |
||||||
|
.field { |
||||||
|
margin: 1.2em 0 2em 0; |
||||||
|
} |
||||||
|
.ipt { |
||||||
|
width: 540px; |
||||||
|
} |
||||||
|
textarea { |
||||||
|
height: 120px; |
||||||
|
} |
||||||
|
.avatar { |
||||||
|
vertical-align: middle; |
||||||
|
margin-right: .6em; |
||||||
|
width: 28px; |
||||||
|
height: 28px; |
||||||
|
} |
||||||
|
&:hover { |
||||||
|
box-shadow: 0px 0px 6px #CCC; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#repo-create-cancel { |
||||||
|
margin-left: 4em; |
||||||
|
} |
||||||
|
|
||||||
|
#repo-create-owner-list { |
||||||
|
.octicon { |
||||||
|
margin-right: 12px; |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
top: 30px; |
||||||
|
left: 0; |
||||||
|
.avatar { |
||||||
|
width: 20px; |
||||||
|
height: 20px; |
||||||
|
} |
||||||
|
li.checked { |
||||||
|
.octicon { |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.file-name { |
||||||
|
margin-left: 1em; |
||||||
|
} |
||||||
|
.file-size { |
||||||
|
font-size: 13px; |
||||||
|
color: #888; |
||||||
|
margin-left: 1em; |
||||||
|
} |
||||||
|
.code-view { |
||||||
|
overflow: auto; |
||||||
|
overflow-x: auto; |
||||||
|
overflow-y: hidden; |
||||||
|
background: white; |
||||||
|
.view-raw { |
||||||
|
min-height: 40px; |
||||||
|
text-align: center; |
||||||
|
padding-top: 20px; |
||||||
|
.btn { |
||||||
|
font-size: 1.05em; |
||||||
|
line-height: 16px; |
||||||
|
padding: 6px 8px; |
||||||
|
} |
||||||
|
} |
||||||
|
table { |
||||||
|
width: 100%; |
||||||
|
td { |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
.lines-num { |
||||||
|
text-align: right; |
||||||
|
color: #999; |
||||||
|
background: #f5f5f5; |
||||||
|
width: 1%; |
||||||
|
span { |
||||||
|
font-family: Monaco, Menlo, Consolas, "Courier New", monospace; |
||||||
|
line-height: 18px; |
||||||
|
padding: 0 8px 0 10px; |
||||||
|
cursor: pointer; |
||||||
|
display: block; |
||||||
|
margin-top: 2px; |
||||||
|
font-size: 12px; |
||||||
|
} |
||||||
|
} |
||||||
|
.lines-code > pre { |
||||||
|
border: none; |
||||||
|
border-left: 1px solid #ddd; |
||||||
|
> ol.linenums > li { |
||||||
|
padding: 0 10px; |
||||||
|
&.active { |
||||||
|
background: #ffffdd; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.repo-setting-zone { |
||||||
|
padding: 30px; |
||||||
|
} |
||||||
@ -0,0 +1,103 @@ |
|||||||
|
@import "../ui/var"; |
||||||
|
|
||||||
|
#setting-wrapper { |
||||||
|
padding-bottom: 100px; |
||||||
|
} |
||||||
|
|
||||||
|
#setting-menu { |
||||||
|
box-sizing: border-box; |
||||||
|
li > a { |
||||||
|
border-left: 2px solid #FFF; |
||||||
|
background-color: #FFF; |
||||||
|
} |
||||||
|
li:hover { |
||||||
|
a { |
||||||
|
border-left: 2px solid #EFEFEF; |
||||||
|
background-color: #EFEFEF !important; |
||||||
|
color: #000 !important; |
||||||
|
} |
||||||
|
border-color: #EAEAEA; |
||||||
|
} |
||||||
|
li.current { |
||||||
|
a { |
||||||
|
color: #000 !important; |
||||||
|
font-weight: bold; |
||||||
|
border-left: 2px solid #d26911; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.setting-content { |
||||||
|
margin-left: 32px; |
||||||
|
} |
||||||
|
|
||||||
|
#repo-setting-form, |
||||||
|
#user-profile-form { |
||||||
|
background-color: #FFF; |
||||||
|
padding: 30px 0; |
||||||
|
textarea { |
||||||
|
margin-left: 4px; |
||||||
|
height: 100px; |
||||||
|
} |
||||||
|
label, |
||||||
|
.form-label { |
||||||
|
width: 240px; |
||||||
|
} |
||||||
|
.ipt { |
||||||
|
width: 360px; |
||||||
|
} |
||||||
|
.field { |
||||||
|
margin-bottom: 24px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#user-ssh-panel { |
||||||
|
margin-bottom: 20px; |
||||||
|
.switching-list { |
||||||
|
background-color: #FFF; |
||||||
|
li { |
||||||
|
padding: 8px 20px; |
||||||
|
&.ssh:hover { |
||||||
|
background-color: #ffffEE; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.active-icon { |
||||||
|
width: 10px; |
||||||
|
height: 10px; |
||||||
|
border-radius: 6px; |
||||||
|
padding: 0; |
||||||
|
margin-right: 20px; |
||||||
|
margin-top: 10px; |
||||||
|
} |
||||||
|
.ssh-content { |
||||||
|
margin-left: 24px; |
||||||
|
.octicon { |
||||||
|
margin-right: 4px; |
||||||
|
} |
||||||
|
.print, |
||||||
|
.activity { |
||||||
|
color: #888; |
||||||
|
} |
||||||
|
} |
||||||
|
.ssh-delete-btn { |
||||||
|
margin-top: 6px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#user-ssh-add-form { |
||||||
|
.panel-body { |
||||||
|
background-color: #FFF; |
||||||
|
padding: 30px 0; |
||||||
|
} |
||||||
|
.ipt { |
||||||
|
width: 500px; |
||||||
|
} |
||||||
|
textarea { |
||||||
|
height: 120px; |
||||||
|
margin-left: 3px; |
||||||
|
} |
||||||
|
.field { |
||||||
|
margin-bottom: 24px; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,63 @@ |
|||||||
|
@import "../ui/var"; |
||||||
|
|
||||||
|
/* |
||||||
|
The register and sign-in page style |
||||||
|
*/ |
||||||
|
|
||||||
|
@signPanelBgColor: #FFF; |
||||||
|
|
||||||
|
#sign-wrapper { |
||||||
|
padding: 60px 0; |
||||||
|
} |
||||||
|
|
||||||
|
.sign-panel { |
||||||
|
background-color: @signPanelBgColor; |
||||||
|
} |
||||||
|
|
||||||
|
.sign-form.form-align { |
||||||
|
.field { |
||||||
|
margin: 1.2em 0 2em 0; |
||||||
|
} |
||||||
|
.ipt-large { |
||||||
|
width: 300px; |
||||||
|
} |
||||||
|
label, |
||||||
|
.form-label { |
||||||
|
width: 160px; |
||||||
|
} |
||||||
|
.alert{ |
||||||
|
margin:0 30px 24px 30px; |
||||||
|
} |
||||||
|
&:hover{ |
||||||
|
box-shadow: 0 0 6px #CCC; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.sign-form.container{ |
||||||
|
padding: 0; |
||||||
|
width: 600px; |
||||||
|
margin-bottom: 80px; |
||||||
|
} |
||||||
|
|
||||||
|
// register form element |
||||||
|
#sign-up-form { |
||||||
|
.panel-content{ |
||||||
|
margin-top: 1.2em; |
||||||
|
} |
||||||
|
h2 { |
||||||
|
margin: .5em 1em; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#sign-social{ |
||||||
|
position: relative; |
||||||
|
margin: 40px 0; |
||||||
|
.or{ |
||||||
|
position: absolute; |
||||||
|
width: 30px; |
||||||
|
top: -52px; |
||||||
|
left: 50%; |
||||||
|
background-color: #FFF; |
||||||
|
margin-left: -15px; |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue