mirror of https://github.com/gogits/gogs.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1561 lines
28 KiB
1561 lines
28 KiB
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 #d6d6d6; |
|
clear: both; |
|
width: 100%; |
|
color: #888888; |
|
} |
|
#footer .container { |
|
padding: 15px; |
|
} |
|
#footer .official, |
|
#footer .version { |
|
color: #888888; |
|
} |
|
#footer-links > * { |
|
border-left: 1px solid #d6d6d6; |
|
padding-left: 8px; |
|
margin-left: 5px; |
|
} |
|
#footer-links > *:first-child { |
|
border-left: none; |
|
} |
|
#footer-lang { |
|
position: relative; |
|
} |
|
#footer-lang .drop-down { |
|
top: -64px; |
|
left: -2px; |
|
position: absolute; |
|
height: 59px; |
|
z-index: 100; |
|
font-size: 12px; |
|
width: 120%; |
|
} |
|
#footer-lang .drop-down li > a { |
|
padding: 3px 9px; |
|
} |
|
#header { |
|
background-color: #428bca; |
|
height: 44px; |
|
} |
|
#header > .menu-line > li > a { |
|
display: inline-block; |
|
color: #ffffff; |
|
} |
|
#header > .menu-line > li > a:hover { |
|
background-color: transparent; |
|
color: #fff65f; |
|
} |
|
#header > .menu-line > li.head { |
|
color: #ffffff; |
|
} |
|
#header > .menu-line > li.hover a:after { |
|
bottom: -9px; |
|
color: #ffffff; |
|
} |
|
#header > .menu-line > li.current > a { |
|
color: #fff65f; |
|
font-weight: bold; |
|
} |
|
#header-nav-user { |
|
height: 44px; |
|
} |
|
#header-nav-user img { |
|
margin: -4px 10px 0 0; |
|
border-radius: 3px; |
|
} |
|
#header-nav-sign-out > a:hover { |
|
color: #ff908b !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; |
|
left: -66px; |
|
} |
|
#header-new-repo-menu .octicon { |
|
margin-right: 6px; |
|
font-size: 1.1em; |
|
} |
|
.switching-list { |
|
width: 100%; |
|
list-style: none; |
|
} |
|
.switching-list > li { |
|
border-bottom: 1px solid #eaeaea; |
|
} |
|
.switching-list > li:last-child { |
|
border-bottom: none; |
|
} |
|
.switching-list > li > a { |
|
padding: .4em 1.2em; |
|
display: block; |
|
color: #444; |
|
} |
|
.switching-list > li > a: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; |
|
} |
|
.social-buttons .btn .fa { |
|
margin-right: 6px; |
|
font-size: 16px; |
|
} |
|
.social-buttons .twitter { |
|
background-color: #1c6399; |
|
} |
|
.social-buttons .twitter:hover { |
|
background-color: #1c5487; |
|
} |
|
.social-buttons .github { |
|
background-color: #444; |
|
} |
|
.social-buttons .github:hover { |
|
background-color: #333; |
|
} |
|
.social-buttons .google { |
|
background-color: #C03D20; |
|
} |
|
.social-buttons .google:hover { |
|
background-color: #D56060; |
|
} |
|
.social-buttons .weibo { |
|
background-color: #bf1324; |
|
} |
|
.social-buttons .weibo:hover { |
|
background-color: #b94c4a; |
|
} |
|
.social-buttons .qq { |
|
background-color: #03a2ef; |
|
} |
|
.social-buttons .qq:hover { |
|
background-color: #3cb3ff; |
|
} |
|
.main-wrapper { |
|
padding: 20px 0 40px; |
|
} |
|
.markdown { |
|
background-color: white; |
|
font-size: 16px; |
|
line-height: 24px; |
|
} |
|
.markdown .markdown-body { |
|
padding-left: 24px; |
|
padding-right: 16px; |
|
} |
|
.markdown h5, |
|
.markdown h6 { |
|
font-size: 1em; |
|
} |
|
.markdown ul { |
|
padding: 10px 0 0 15px; |
|
} |
|
.markdown ul li { |
|
list-style: inside; |
|
} |
|
.markdown ol li { |
|
list-style: decimal inside; |
|
} |
|
.markdown li { |
|
line-height: 1.6; |
|
margin-top: 6px; |
|
} |
|
.markdown li:first-child { |
|
margin-top: 0; |
|
} |
|
.markdown > 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; |
|
} |
|
.markdown 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; |
|
} |
|
#promo-wrapper { |
|
padding-top: 50px; |
|
background-color: #428bca; |
|
} |
|
#promo-logo { |
|
margin-right: 50px; |
|
padding-bottom: 50px; |
|
} |
|
#promo-logo img { |
|
max-width: 250px; |
|
} |
|
#promo-content { |
|
color: #FFF; |
|
margin-left: 300px; |
|
} |
|
#promo-content h1, |
|
#promo-content 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); |
|
} |
|
#promo-content h1 { |
|
font-size: 96px; |
|
line-height: 96px; |
|
margin-bottom: 30px; |
|
} |
|
#promo-content h2 { |
|
font-size: 52px; |
|
line-height: 70px; |
|
font-weight: normal; |
|
} |
|
#promo-form { |
|
padding: 40px 0; |
|
} |
|
#promo-form .ipt-large { |
|
border: none; |
|
border-radius: 4px; |
|
font-size: 18px; |
|
margin-right: 12px; |
|
} |
|
#promo-form .ipt-large:focus { |
|
box-shadow: 0 0 3px #FFF; |
|
} |
|
#promo-form .btn-large { |
|
border-radius: 4px; |
|
font-size: 18px; |
|
margin-right: 12px; |
|
} |
|
#promo-social { |
|
padding-bottom: 60px; |
|
} |
|
#promo-social .qq { |
|
box-shadow: 0 0 1px #1c6399; |
|
} |
|
#feature-wrapper { |
|
font-family: Lato, sans-serif; |
|
font-size: 18px; |
|
padding: 50px 0 100px 0; |
|
} |
|
#feature-wrapper .octicon { |
|
color: #d9453d; |
|
font-size: 60px; |
|
height: 60px; |
|
width: 60px; |
|
line-height: 60px; |
|
margin-right: 12px; |
|
vertical-align: middle; |
|
display: inline-block; |
|
} |
|
#feature-wrapper b { |
|
color: #000; |
|
font-size: 24px; |
|
display: inline-block; |
|
line-height: 60px; |
|
} |
|
#feature-wrapper p { |
|
margin: 1em 0; |
|
line-height: 40px; |
|
padding-right: 30px; |
|
} |
|
#feature-wrapper a { |
|
color: #d9453d; |
|
} |
|
#feature-wrapper a:hover { |
|
color: #ff635a; |
|
} |
|
#feature-wrapper .grid-1-2 { |
|
margin-bottom: 30px; |
|
} |
|
/* |
|
The dashboard page style |
|
*/ |
|
#dashboard-header { |
|
border-bottom: 1px solid #d6d6d6; |
|
height: 69px; |
|
} |
|
#dashboard-header > .menu-line > li { |
|
padding: 12px 0; |
|
} |
|
#dashboard-header > .menu-line > li.right > a { |
|
font-size: 1.2em; |
|
color: #444444; |
|
} |
|
#dashboard-header > .menu-line > li.right > a:hover { |
|
background-color: transparent; |
|
color: #d9453d; |
|
} |
|
#dashboard-header > .menu-line > li.right > a .octicon { |
|
margin-right: 6px; |
|
} |
|
#dashboard-header > .menu-line > li.right .current { |
|
border-bottom: 2px solid #D26911; |
|
} |
|
#dashboard-selection-menu a img { |
|
margin: -4px 10px 0 0; |
|
} |
|
#dashboard { |
|
padding: 24px 0; |
|
} |
|
#dashboard-sidebar .panel-header h4 { |
|
margin: 0; |
|
} |
|
#dashboard-sidebar > .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; |
|
width: 100%; |
|
height: 35px; |
|
} |
|
#dashboard-sidebar-menu > li { |
|
border: 1px solid #d6d6d6; |
|
float: left; |
|
margin-right: -1px; |
|
border-bottom: none; |
|
} |
|
#dashboard-sidebar-menu > li > a { |
|
padding-top: .4em; |
|
padding-bottom: .4em; |
|
} |
|
#dashboard-sidebar-menu > li.first { |
|
border-top-left-radius: .3em; |
|
} |
|
#dashboard-sidebar-menu > li.first > a { |
|
border-top-left-radius: .3em; |
|
} |
|
#dashboard-sidebar-menu > li.drop { |
|
border: none; |
|
float: right; |
|
} |
|
#dashboard-sidebar-menu > li.js-tab-nav-show { |
|
background-color: #EEEEEE; |
|
} |
|
#dashboard-sidebar-menu > li.last { |
|
border-top-right-radius: .3em; |
|
} |
|
#dashboard-sidebar-menu > li.last > a { |
|
border-top-right-radius: .3em; |
|
} |
|
#dashboard-my-mirror li, |
|
#dashboard-my-org li, |
|
#dashboard-my-repo li { |
|
border-bottom: 1px solid #EAEAEA; |
|
} |
|
#dashboard-my-mirror li.private, |
|
#dashboard-my-org li.private, |
|
#dashboard-my-repo li.private { |
|
background-color: #fcf8e9; |
|
} |
|
#dashboard-my-mirror li:last-child, |
|
#dashboard-my-org li:last-child, |
|
#dashboard-my-repo li:last-child { |
|
border-bottom: none; |
|
} |
|
#dashboard-my-mirror li a, |
|
#dashboard-my-org li a, |
|
#dashboard-my-repo li a { |
|
padding: 6px 1.2em; |
|
display: block; |
|
} |
|
#dashboard-my-mirror li a .octicon, |
|
#dashboard-my-org li a .octicon, |
|
#dashboard-my-repo li a .octicon { |
|
margin-right: 6px; |
|
color: #888; |
|
} |
|
#dashboard-my-mirror li a:hover .repo-name, |
|
#dashboard-my-org li a:hover .repo-name, |
|
#dashboard-my-repo li a:hover .repo-name { |
|
text-decoration: underline; |
|
} |
|
#dashboard-my-mirror .repo-name, |
|
#dashboard-my-org .repo-name, |
|
#dashboard-my-repo .repo-name { |
|
font-size: 1.1em; |
|
} |
|
#dashboard-my-mirror .repo-star, |
|
#dashboard-my-org .repo-star, |
|
#dashboard-my-repo .repo-star { |
|
color: #888; |
|
} |
|
#dashboard-my-mirror .repo-contrib-header, |
|
#dashboard-my-org .repo-contrib-header, |
|
#dashboard-my-repo .repo-contrib-header { |
|
border-top: 1px solid #d6d6d6; |
|
} |
|
#dashboard-my-repo .panel-header .octicon { |
|
margin-right: 6px; |
|
font-size: 12px; |
|
} |
|
#dashboard-my-repo .repo-count { |
|
margin-left: 4px; |
|
} |
|
#dashboard-my-org, |
|
#dashboard-my-mirror { |
|
display: none; |
|
} |
|
#dashboard-new-repo { |
|
width: 50px; |
|
height: 35px; |
|
padding-top: 6px; |
|
margin-right: 1px; |
|
border-top-left-radius: .3em; |
|
border-top-right-radius: .3em; |
|
} |
|
#dashboard-new-repo .octicon { |
|
font-size: 2em; |
|
} |
|
#dashboard-new-repo-menu { |
|
top: 35px; |
|
width: 180px; |
|
background-color: #FFF; |
|
left: -132px; |
|
} |
|
#dashboard-new-repo-menu .octicon { |
|
margin-right: 6px; |
|
font-size: 1.1em; |
|
} |
|
#dashboard-selection-menu > .drop-down { |
|
top: 56px; |
|
} |
|
#dashboard-switch-menu { |
|
border-bottom-left-radius: .3em; |
|
border-bottom-right-radius: .3em; |
|
} |
|
#dashboard-switch-menu > li > a img { |
|
margin-top: 0; |
|
} |
|
#dashboard-switch-menu > li > a .octicon { |
|
margin-right: 12px; |
|
} |
|
#dashboard-switch-menu > li:last-child > a { |
|
border-bottom-left-radius: .3em; |
|
border-bottom-right-radius: .3em; |
|
} |
|
#dashboard-switch-menu > li.org > a .octicon { |
|
opacity: 0; |
|
} |
|
#dashboard-switch-menu > li.checked > a { |
|
font-weight: bold; |
|
} |
|
#dashboard-switch-menu > li.checked > a .octicon { |
|
opacity: 1; |
|
} |
|
#dashboard-news .news { |
|
margin-right: 2.4em; |
|
padding-bottom: 1em; |
|
margin-bottom: 1em; |
|
border-bottom: 1px solid #E6E6E6; |
|
min-height: 30px; |
|
} |
|
#dashboard-news .news .mega-octicon { |
|
color: #CCC; |
|
} |
|
#dashboard-news .news .avatar { |
|
margin: 0 1.2em; |
|
} |
|
#dashboard-news .news .news-content, |
|
#dashboard-news .news .news-time { |
|
color: #888; |
|
} |
|
#dashboard-news .push-news .news-content li { |
|
margin-left: 1em; |
|
} |
|
#dashboard-news .push-news .news-content li img { |
|
margin-bottom: -2px; |
|
} |
|
/* |
|
The register and sign-in page style |
|
*/ |
|
#sign-wrapper { |
|
padding: 60px 0; |
|
} |
|
.sign-panel { |
|
background-color: #ffffff; |
|
} |
|
.sign-form.form-align .field { |
|
margin: 1.2em 0 2em 0; |
|
} |
|
.sign-form.form-align .ipt-large { |
|
width: 300px; |
|
} |
|
.sign-form.form-align label, |
|
.sign-form.form-align .form-label { |
|
width: 160px; |
|
} |
|
.sign-form.form-align .alert { |
|
margin: 0 30px 24px 30px; |
|
} |
|
.sign-form.form-align:hover { |
|
box-shadow: 0 0 6px #CCC; |
|
} |
|
.sign-form.container { |
|
padding: 0; |
|
width: 600px; |
|
margin-bottom: 80px; |
|
} |
|
#sign-up-form .panel-content { |
|
margin-top: 1.2em; |
|
} |
|
#sign-up-form h2 { |
|
margin: .5em 1em; |
|
} |
|
#sign-social { |
|
position: relative; |
|
margin: 40px 0; |
|
} |
|
#sign-social .or { |
|
position: absolute; |
|
width: 30px; |
|
top: -52px; |
|
left: 50%; |
|
background-color: #FFF; |
|
margin-left: -15px; |
|
} |
|
/* repository main */ |
|
#repo-wrapper { |
|
padding-bottom: 100px; |
|
} |
|
#repo-header { |
|
height: 69px; |
|
border-bottom: 1px solid #d6d6d6; |
|
background-color: #ffffff; |
|
} |
|
#repo-header-name { |
|
line-height: 66px; |
|
color: #888888; |
|
font-size: 1.6em; |
|
font-weight: normal; |
|
margin-bottom: 0; |
|
} |
|
#repo-header-name i { |
|
margin-right: 12px; |
|
vertical-align: middle; |
|
} |
|
#repo-header-name .divider { |
|
margin: 0 4px; |
|
} |
|
#repo-header-meta { |
|
line-height: 66px; |
|
} |
|
#repo-header-meta li > a { |
|
padding: 0; |
|
} |
|
#repo-header-meta li > a:hover { |
|
background-color: transparent; |
|
} |
|
#repo-header-meta a > .btn { |
|
font-size: 1.05em; |
|
margin-left: 16px; |
|
line-height: 16px; |
|
} |
|
#repo-header-meta a > .btn i { |
|
margin-right: 6px; |
|
} |
|
#repo-header-meta a > .btn .num { |
|
margin-left: 6px; |
|
} |
|
#repo-header-download-btn > .btn > i { |
|
margin-right: 0 !important; |
|
} |
|
#repo-header-download-btn:hover:after, |
|
#repo-header-download-btn:hover .btn { |
|
background-color: #383838; |
|
color: #FFF; |
|
} |
|
#repo-header-download-btn:after { |
|
background-color: #444444; |
|
padding: 9px 16px 8px 0; |
|
margin-left: -8px !important; |
|
color: #FFF; |
|
border-top: 1px solid #444444; |
|
border-bottom: 1px solid #444444; |
|
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; |
|
} |
|
#repo-header-download-drop .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; |
|
} |
|
#repo-clone-zip a { |
|
cursor: pointer; |
|
color: white; |
|
overflow: visible; |
|
padding: .6em 1.2em; |
|
} |
|
#repo-clone-zip .btn { |
|
margin: 0 6px; |
|
} |
|
#repo-desc { |
|
font-size: 1.2em; |
|
} |
|
#repo-sidebar-nav .label { |
|
font-size: 12px; |
|
line-height: 1.4em; |
|
margin-top: 2px; |
|
} |
|
#repo-sidebar-nav i { |
|
margin-right: 6px; |
|
} |
|
#repo-file-nav { |
|
padding: .6em 0 1em 0; |
|
} |
|
#repo-file-nav > li > a { |
|
padding-left: 0; |
|
} |
|
#repo-file-nav > li > a:hover { |
|
background-color: transparent; |
|
} |
|
#repo-file-nav li.repo-jump > a { |
|
padding-right: 0; |
|
} |
|
#repo-file-nav li.repo-jump > a .btn { |
|
margin-left: -1px; |
|
} |
|
#repo-branch-switch > a .btn { |
|
padding-right: 30px; |
|
} |
|
#repo-branch-switch > a:after { |
|
position: absolute; |
|
top: 12px; |
|
right: 30px; |
|
margin-left: 0; |
|
color: #444444; |
|
} |
|
#repo-branch-switch > .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; |
|
} |
|
#repo-branch-tag .tab-nav a { |
|
padding: .3em .8em; |
|
} |
|
#repo-branch-tag .tab-nav .js-tab-nav-show { |
|
background-color: #EEE; |
|
font-weight: bold; |
|
} |
|
#repo-branch-list li i, |
|
#repo-tag-list li i { |
|
margin-right: 12px; |
|
opacity: 0; |
|
} |
|
#repo-branch-list li.checked i, |
|
#repo-tag-list 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; |
|
} |
|
#repo-files-table th, |
|
#repo-files-table td { |
|
text-align: left; |
|
line-height: 32px; |
|
} |
|
#repo-files-table td.icon { |
|
width: 16px; |
|
padding-right: .1em; |
|
padding-left: 1em; |
|
} |
|
#repo-files-table td.name { |
|
max-width: 120px; |
|
} |
|
#repo-files-table td.name .text-truncate { |
|
max-width: 100%; |
|
} |
|
#repo-files-table td.age { |
|
max-width: 120px; |
|
text-align: right; |
|
} |
|
#repo-files-table td.msg { |
|
max-width: 440px; |
|
} |
|
#repo-files-table td.msg .text-truncate { |
|
max-width: 100%; |
|
} |
|
#repo-files-table td.age, |
|
#repo-files-table td.size, |
|
#repo-files-table td.msg a { |
|
color: #888; |
|
} |
|
#repo-files-table td.msg a:hover { |
|
color: #428BCA; |
|
text-decoration: underline; |
|
} |
|
#repo-files-table tbody { |
|
background-color: #FFF; |
|
} |
|
#repo-files-table tbody tr:hover { |
|
background-color: #ffffEE; |
|
} |
|
#repo-files-table thead { |
|
background-color: #F0F0F0; |
|
} |
|
#repo-files-table thead .author a { |
|
margin: 0 .4em; |
|
} |
|
#repo-files-table thead .last-commit strong { |
|
color: #444; |
|
} |
|
#repo-files-table thead .last-commit .text-truncate { |
|
margin-left: .4em; |
|
} |
|
#repo-files-table thead .last-commit .text-truncate, |
|
#repo-files-table thead .age { |
|
font-weight: normal; |
|
color: #888; |
|
} |
|
#repo-readme { |
|
margin-bottom: 80px; |
|
} |
|
#repo-bare-start { |
|
margin-bottom: 100px; |
|
} |
|
#repo-bare-start .panel-content { |
|
background-color: #FFF; |
|
} |
|
#repo-bare-start 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-bare #repo-header-meta { |
|
display: none; |
|
} |
|
.repo-bare #repo-clone-ssh { |
|
margin-left: 200px; |
|
} |
|
.repo-bare #repo-clone-copy { |
|
margin-right: 200px; |
|
} |
|
.repo-bare #repo-clone-help { |
|
clear: both; |
|
width: 100%; |
|
} |
|
.repo-bare #repo-clone-url { |
|
width: 520px; |
|
} |
|
/* repository create */ |
|
#repo-migrate-form, |
|
#repo-create-form { |
|
width: 800px; |
|
margin: 60px auto auto auto; |
|
background: white; |
|
} |
|
#repo-migrate-form h2, |
|
#repo-create-form h2 { |
|
margin: .5em 1em; |
|
} |
|
#repo-migrate-form .field, |
|
#repo-create-form .field { |
|
margin: 1.2em 0 2em 0; |
|
} |
|
#repo-migrate-form .ipt, |
|
#repo-create-form .ipt { |
|
width: 540px; |
|
} |
|
#repo-migrate-form textarea, |
|
#repo-create-form textarea { |
|
height: 120px; |
|
} |
|
#repo-migrate-form .avatar, |
|
#repo-create-form .avatar { |
|
vertical-align: middle; |
|
margin-right: .6em; |
|
width: 28px; |
|
height: 28px; |
|
} |
|
#repo-migrate-form:hover, |
|
#repo-create-form:hover { |
|
box-shadow: 0px 0px 6px #CCC; |
|
} |
|
#repo-create-cancel { |
|
margin-left: 4em; |
|
} |
|
#dashboard-switch-menu, |
|
#repo-create-owner-list { |
|
top: 30px; |
|
left: 0; |
|
width: auto; |
|
max-width: 300px; |
|
} |
|
#dashboard-switch-menu .octicon, |
|
#repo-create-owner-list .octicon { |
|
margin-right: 12px; |
|
opacity: 0; |
|
} |
|
#dashboard-switch-menu .avatar, |
|
#repo-create-owner-list .avatar { |
|
width: 20px; |
|
height: 20px; |
|
} |
|
#dashboard-switch-menu li, |
|
#repo-create-owner-list li { |
|
white-space: nowrap; |
|
} |
|
#dashboard-switch-menu li.checked .octicon, |
|
#repo-create-owner-list li.checked .octicon { |
|
opacity: 1; |
|
} |
|
#dashboard-switch-menu li a, |
|
#repo-create-owner-list li a { |
|
text-overflow: ellipsis; |
|
-o-text-overflow: ellipsis; |
|
overflow: hidden; |
|
} |
|
.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; |
|
} |
|
.code-view .view-raw { |
|
min-height: 40px; |
|
text-align: center; |
|
padding-top: 20px; |
|
} |
|
.code-view .view-raw .btn { |
|
font-size: 1.05em; |
|
line-height: 16px; |
|
padding: 6px 8px; |
|
} |
|
.code-view table { |
|
width: 100%; |
|
} |
|
.code-view table td { |
|
padding: 0; |
|
} |
|
.code-view .lines-num { |
|
text-align: right; |
|
color: #999; |
|
background: #f5f5f5; |
|
width: 1%; |
|
} |
|
.code-view .lines-num 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; |
|
} |
|
.code-view .lines-code > pre { |
|
border: none; |
|
border-left: 1px solid #ddd; |
|
} |
|
.code-view .lines-code > pre > ol.linenums > li { |
|
padding: 0 10px; |
|
} |
|
.code-view .lines-code > pre > ol.linenums > li.active { |
|
background: #ffffdd; |
|
} |
|
.repo-setting-zone { |
|
padding: 30px; |
|
} |
|
#setting-wrapper { |
|
padding-bottom: 100px; |
|
} |
|
#setting-menu { |
|
box-sizing: border-box; |
|
} |
|
#setting-menu li > a { |
|
border-left: 2px solid #FFF; |
|
background-color: #FFF; |
|
} |
|
#setting-menu li:hover { |
|
border-color: #EAEAEA; |
|
} |
|
#setting-menu li:hover a { |
|
border-left: 2px solid #EFEFEF; |
|
background-color: #EFEFEF !important; |
|
color: #000 !important; |
|
} |
|
#setting-menu 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; |
|
} |
|
#repo-setting-form textarea, |
|
#user-profile-form textarea { |
|
margin-left: 4px; |
|
height: 100px; |
|
} |
|
#repo-setting-form label, |
|
#user-profile-form label, |
|
#repo-setting-form .form-label, |
|
#user-profile-form .form-label { |
|
width: 240px; |
|
} |
|
#repo-setting-form .ipt, |
|
#user-profile-form .ipt { |
|
width: 360px; |
|
} |
|
#repo-setting-form .field, |
|
#user-profile-form .field { |
|
margin-bottom: 24px; |
|
} |
|
#user-ssh-panel { |
|
margin-bottom: 20px; |
|
} |
|
#user-ssh-panel .switching-list { |
|
background-color: #FFF; |
|
} |
|
#user-ssh-panel .switching-list li { |
|
padding: 8px 20px; |
|
} |
|
#user-ssh-panel .switching-list li.ssh:hover { |
|
background-color: #ffffEE; |
|
} |
|
#user-ssh-panel .active-icon { |
|
width: 10px; |
|
height: 10px; |
|
border-radius: 6px; |
|
padding: 0; |
|
margin-right: 20px; |
|
margin-top: 10px; |
|
} |
|
#user-ssh-panel .ssh-content { |
|
margin-left: 24px; |
|
} |
|
#user-ssh-panel .ssh-content .octicon { |
|
margin-right: 4px; |
|
} |
|
#user-ssh-panel .ssh-content .print, |
|
#user-ssh-panel .ssh-content .activity { |
|
color: #888; |
|
} |
|
#user-ssh-panel .ssh-delete-btn { |
|
margin-top: 6px; |
|
} |
|
#user-ssh-add-form .panel-body { |
|
background-color: #FFF; |
|
padding: 30px 0; |
|
} |
|
#user-ssh-add-form .ipt { |
|
width: 500px; |
|
} |
|
#user-ssh-add-form textarea { |
|
height: 120px; |
|
margin-left: 3px; |
|
} |
|
#user-ssh-add-form .field { |
|
margin-bottom: 24px; |
|
} |
|
.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; |
|
} |
|
#pr-sidebar-nav li { |
|
margin-bottom: 4px; |
|
} |
|
#pr-sidebar-nav li > a { |
|
border: 1px solid transparent; |
|
border-left: none; |
|
} |
|
#pr-sidebar-nav li > a:hover { |
|
background-color: #FFF; |
|
border-color: #DDD; |
|
} |
|
#pr-sidebar-nav .label { |
|
font-size: 12px; |
|
line-height: 1.4em; |
|
margin-top: 1px; |
|
} |
|
#pr-sidebar-nav li.current a { |
|
background-color: #FFF; |
|
border-color: #DDD; |
|
} |
|
.pr-title .pr-num { |
|
font-weight: normal; |
|
color: #888; |
|
} |
|
.pr-meta { |
|
color: #888; |
|
} |
|
.pr-meta .pr-author { |
|
margin: 0 8px; |
|
color: #444; |
|
} |
|
.pr-meta .pr-author:hover { |
|
text-decoration: underline; |
|
} |
|
.pr-meta .pr-branch { |
|
margin: 0 4px; |
|
font-size: 12px; |
|
padding: 4px 6px; |
|
} |
|
.pr-nav { |
|
border-bottom: 1px solid #DDD; |
|
margin-top: 16px; |
|
margin-bottom: 16px; |
|
} |
|
.pr-nav .octicon { |
|
margin-right: 4px; |
|
} |
|
.pr-nav li > a { |
|
padding: 3px 9px !important; |
|
border: 1px solid transparent; |
|
border-bottom: none; |
|
border-top-left-radius: .2em; |
|
border-top-right-radius: .2em; |
|
} |
|
.pr-nav li > a .label { |
|
padding: 1px 5px; |
|
font-size: 12px; |
|
margin-left: 4px; |
|
} |
|
.pr-nav li.js-tab-nav-show > a { |
|
background-color: #FFF; |
|
border-color: #E6E6E6; |
|
} |
|
.diff-bar .diff-add { |
|
color: #65ad4e; |
|
} |
|
.diff-bar .diff-delete { |
|
color: #d9453d; |
|
} |
|
.diff-bar .diff-status { |
|
width: 50px; |
|
background-color: #d9453d; |
|
height: 10px; |
|
margin-top: 7px; |
|
margin-left: 4px; |
|
margin-right: 4px; |
|
border-radius: .2em; |
|
} |
|
.diff-bar .diff-status-inner { |
|
width: 45%; |
|
background-color: #65ad4e; |
|
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; |
|
} |
|
.issue-comment .panel { |
|
margin-left: 60px; |
|
margin-top: -40px; |
|
} |
|
.issue-comment .panel-header { |
|
font-size: 13px; |
|
} |
|
.issue-comment .author-name { |
|
font-weight: bold; |
|
} |
|
.issue-comment .date { |
|
margin-left: 4px; |
|
font-style: italic; |
|
color: #888; |
|
} |
|
.issue-comment .action > * { |
|
margin-left: 4px; |
|
font-size: 12px; |
|
} |
|
.issue-comment .action i { |
|
font-size: 13px; |
|
} |
|
.issue-commit { |
|
line-height: 32px; |
|
} |
|
.issue-commit i, |
|
.issue-commit .author-avatar img { |
|
margin-right: 16px; |
|
} |
|
.issue-commit .sha { |
|
margin-left: 24px; |
|
} |
|
.issue-commit .message { |
|
display: block; |
|
margin-left: 88px; |
|
padding-top: 4px; |
|
line-height: 24px; |
|
} |
|
.issue-merge .ico { |
|
width: 40px; |
|
height: 40px; |
|
text-align: center; |
|
color: #FFF; |
|
margin-right: 12px; |
|
} |
|
.issue-merge .ico i { |
|
margin-top: 8px; |
|
font-size: 24px; |
|
} |
|
.issue-merge .panel { |
|
margin-left: 60px; |
|
margin-top: -40px; |
|
} |
|
.issue-merge .panel-header { |
|
font-size: 13px; |
|
} |
|
.issue-merge-ok .ico { |
|
background-color: #65AD4E; |
|
} |
|
.issue-merge-ok .panel, |
|
.issue-merge-ok .panel-content, |
|
.issue-merge-ok .panel-header { |
|
border-color: #65AD4E; |
|
background-color: #FFF; |
|
} |
|
.issue-merge-ok .panel-header { |
|
color: #508a3e; |
|
} |
|
.issue-line { |
|
height: 4px; |
|
background-color: #E6E6E6; |
|
} |
|
.issue-add-comment .panel { |
|
margin-left: 60px; |
|
margin-top: -40px; |
|
} |
|
.issue-add-comment .panel-header { |
|
font-size: 13px; |
|
padding-bottom: 0; |
|
} |
|
.issue-add-comment .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; |
|
} |
|
.issue-add-comment .add-nav > li > a:hover { |
|
background-color: #FFF; |
|
} |
|
.issue-add-comment .add-nav > li.js-tab-nav-show > a { |
|
background-color: #FFF; |
|
} |
|
textarea#issue-add-content { |
|
width: 100%; |
|
box-sizing: border-box; |
|
height: 120px; |
|
}
|
|
|