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