gitea/public/css/gogs.css

2580 lines
55 KiB
CSS

.emoji {
width: 1.5em;
height: 1.5em;
display: inline-block;
background-size: contain;
}
body {
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif, '微软雅黑';
background-color: #fff;
overflow-y: scroll;
}
img {
border-radius: 3px;
}
pre,
code {
font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
pre.raw,
code.raw {
padding: 7px 12px;
margin: 10px 0;
background-color: #f8f8f8;
border: 1px solid #ddd;
border-radius: 3px;
font-size: 13px;
line-height: 1.5;
overflow: auto;
}
pre.wrap,
code.wrap {
white-space: pre-wrap;
/* CSS 3 */
word-break: break-word;
}
.full.height {
padding: 0;
margin: 0 0 -80px 0;
min-height: 100%;
}
.following.bar {
z-index: 900;
left: 0;
width: 100%;
}
.following.bar.light {
background-color: white;
border-bottom: 1px solid #DDDDDD;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
}
.following.bar .column .menu {
margin-top: 0;
}
.following.bar .top.menu a.item.brand {
padding-left: 0;
}
.following.bar .brand .ui.mini.image {
width: 30px;
}
.following.bar .top.menu a.item:hover,
.following.bar .top.menu .dropdown.item:hover,
.following.bar .top.menu .dropdown.item.active {
background-color: transparent;
}
.following.bar .top.menu a.item:hover {
color: rgba(0, 0, 0, 0.45);
}
.following.bar .top.menu .menu {
z-index: 900;
}
.following.bar .head.link.item {
padding-right: 0 !important;
}
.following.bar .head.link.item .dropdown.icon,
.following.bar .head.link.item .menu .octicon {
margin-right: 5px;
}
.following.bar .avatar > .ui.image {
margin-right: 0;
}
.following.bar .searchbox {
background-color: #f4f4f4 !important;
}
.following.bar .searchbox:focus {
background-color: #e9e9e9 !important;
}
.following.bar .text .octicon {
width: 16px;
text-align: center;
}
.following.bar .right.menu .menu {
left: auto;
right: 0;
}
.following.bar .right.menu .dropdown .menu {
margin-top: 0;
}
.ui.left {
float: left;
}
.ui.right {
float: right;
}
.ui.container.fluid.padded {
padding: 0 10px 0 10px;
}
.ui .text.red {
color: #d95c5c !important;
}
.ui .text.red a {
color: #d95c5c !important;
}
.ui .text.red a:hover {
color: #E67777 !important;
}
.ui .text.blue {
color: #428bca !important;
}
.ui .text.blue a {
color: #15c !important;
}
.ui .text.blue a:hover {
color: #428bca !important;
}
.ui .text.black {
color: #444;
}
.ui .text.black:hover {
color: #000;
}
.ui .text.grey {
color: #767676 !important;
}
.ui .text.grey a {
color: #444 !important;
}
.ui .text.grey a:hover {
color: #000 !important;
}
.ui .text.light.grey {
color: #888 !important;
}
.ui .text.green {
color: #6cc644 !important;
}
.ui .text.purple {
color: #6e5494 !important;
}
.ui .text.yellow {
color: #FBBD08 !important;
}
.ui .text.gold {
color: #a1882b !important;
}
.ui .text.left {
text-align: left !important;
}
.ui .text.right {
text-align: right !important;
}
.ui .text.small {
font-size: 0.75em;
}
.ui .text.normal {
font-weight: normal;
}
.ui .text.bold {
font-weight: bold;
}
.ui .text.italic {
font-style: italic;
}
.ui .text.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
.ui .text.thin {
font-weight: normal;
}
.ui .text.middle {
vertical-align: middle;
}
.ui .message {
text-align: center;
}
.ui .header > i + .content {
padding-left: 0.75rem;
vertical-align: middle;
}
.ui .warning.header {
background-color: #F9EDBE !important;
border-color: #F0C36D;
}
.ui .warning.segment {
border-color: #F0C36D;
}
.ui .info.segment {
border: 1px solid #c5d5dd;
}
.ui .info.segment.top {
background-color: #e6f1f6 !important;
}
.ui .info.segment.top h3,
.ui .info.segment.top h4 {
margin-top: 0;
}
.ui .info.segment.top h3:last-child {
margin-top: 4px;
}
.ui .info.segment.top > :last-child {
margin-bottom: 0;
}
.ui .normal.header {
font-weight: normal;
}
.ui .avatar.image {
border-radius: 3px;
}
.ui .form .fake {
display: none !important;
}
.ui .form .sub.field {
margin-left: 25px;
}
.ui .sha.label {
font-family: Consolas, Menlo, Monaco, "Lucida Console", monospace;
font-size: 13px;
padding: 6px 10px 4px 10px;
font-weight: normal;
margin: 0 6px;
}
.ui.status.buttons .octicon {
margin-right: 4px;
}
.overflow.menu .items {
max-height: 300px;
overflow-y: auto;
}
.overflow.menu .items .item {
position: relative;
cursor: pointer;
display: block;
border: none;
height: auto;
border-top: none;
line-height: 1em;
color: rgba(0, 0, 0, 0.8);
padding: .71428571em 1.14285714em !important;
font-size: 1rem;
text-transform: none;
font-weight: 400;
box-shadow: none;
-webkit-touch-callout: none;
}
.overflow.menu .items .item.active {
font-weight: 700;
}
.overflow.menu .items .item:hover {
background: rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.8);
z-index: 13;
}
.scrolling.menu .item.selected {
font-weight: 700 !important;
}
footer {
margin-top: 54px !important;
height: 40px;
background-color: white;
border-top: 1px solid #d6d6d6;
clear: both;
width: 100%;
color: #888888;
}
footer .container {
padding-top: 10px;
}
footer .container .fa {
width: 16px;
text-align: center;
color: #428bca;
}
footer .container .links > * {
border-left: 1px solid #d6d6d6;
padding-left: 8px;
margin-left: 5px;
}
footer .container .links > *:first-child {
border-left: none;
}
.hide {
display: none;
}
.center {
text-align: center;
}
.img-1 {
width: 2px !important;
height: 2px !important;
}
.img-2 {
width: 4px !important;
height: 4px !important;
}
.img-3 {
width: 6px !important;
height: 6px !important;
}
.img-4 {
width: 8px !important;
height: 8px !important;
}
.img-5 {
width: 10px !important;
height: 10px !important;
}
.img-6 {
width: 12px !important;
height: 12px !important;
}
.img-7 {
width: 14px !important;
height: 14px !important;
}
.img-8 {
width: 16px !important;
height: 16px !important;
}
.img-9 {
width: 18px !important;
height: 18px !important;
}
.img-10 {
width: 20px !important;
height: 20px !important;
}
.img-11 {
width: 22px !important;
height: 22px !important;
}
.img-12 {
width: 24px !important;
height: 24px !important;
}
.img-13 {
width: 26px !important;
height: 26px !important;
}
.img-14 {
width: 28px !important;
height: 28px !important;
}
.img-15 {
width: 30px !important;
height: 30px !important;
}
.img-16 {
width: 32px !important;
height: 32px !important;
}
.octicon.icon,
.mega-octicon.icon {
font-family: octicons;
font-size: 16px;
opacity: 1 !important;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.ui.container {
width: 95%;
}
}
/* Overrides some styles of the Highlight.js plugin */
.hljs {
background: inherit !important;
padding: 0 !important;
}
.markdown {
overflow: hidden;
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
font-size: 16px;
line-height: 1.6 !important;
word-wrap: break-word;
}
.markdown.file-view {
padding: 2em 2em 2em !important;
}
.markdown > *:first-child {
margin-top: 0 !important;
}
.markdown > *:last-child {
margin-bottom: 0 !important;
}
.markdown a:not([href]) {
color: inherit;
text-decoration: none;
}
.markdown .absent {
color: #c00;
}
.markdown .anchor {
position: absolute;
top: 0;
left: 0;
display: block;
padding-right: 6px;
padding-left: 30px;
margin-left: -30px;
}
.markdown .anchor:focus {
outline: none;
}
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
position: relative;
margin-top: 1em;
margin-bottom: 16px;
font-weight: bold;
line-height: 1.4;
}
.markdown h1:first-of-type,
.markdown h2:first-of-type,
.markdown h3:first-of-type,
.markdown h4:first-of-type,
.markdown h5:first-of-type,
.markdown h6:first-of-type {
margin-top: 0 !important;
}
.markdown h1 .octicon-link,
.markdown h2 .octicon-link,
.markdown h3 .octicon-link,
.markdown h4 .octicon-link,
.markdown h5 .octicon-link,
.markdown h6 .octicon-link {
display: none;
color: #000;
vertical-align: middle;
}
.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
padding-left: 8px;
margin-left: -30px;
text-decoration: none;
}
.markdown h1:hover .anchor .octicon-link,
.markdown h2:hover .anchor .octicon-link,
.markdown h3:hover .anchor .octicon-link,
.markdown h4:hover .anchor .octicon-link,
.markdown h5:hover .anchor .octicon-link,
.markdown h6:hover .anchor .octicon-link {
display: inline-block;
}
.markdown h1 tt,
.markdown h1 code,
.markdown h2 tt,
.markdown h2 code,
.markdown h3 tt,
.markdown h3 code,
.markdown h4 tt,
.markdown h4 code,
.markdown h5 tt,
.markdown h5 code,
.markdown h6 tt,
.markdown h6 code {
font-size: inherit;
}
.markdown h1 {
padding-bottom: 0.3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #eee;
}
.markdown h1 .anchor {
line-height: 1;
}
.markdown h2 {
padding-bottom: 0.3em;
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid #eee;
}
.markdown h2 .anchor {
line-height: 1;
}
.markdown h3 {
font-size: 1.5em;
line-height: 1.43;
}
.markdown h3 .anchor {
line-height: 1.2;
}
.markdown h4 {
font-size: 1.25em;
}
.markdown h4 .anchor {
line-height: 1.2;
}
.markdown h5 {
font-size: 1em;
}
.markdown h5 .anchor {
line-height: 1.1;
}
.markdown h6 {
font-size: 1em;
color: #777;
}
.markdown h6 .anchor {
line-height: 1.1;
}
.markdown p,
.markdown blockquote,
.markdown ul,
.markdown ol,
.markdown dl,
.markdown table,
.markdown pre {
margin-top: 0;
margin-bottom: 16px;
}
.markdown blockquote {
margin-left: 0;
}
.markdown hr {
height: 4px;
padding: 0;
margin: 16px 0;
background-color: #e7e7e7;
border: 0 none;
}
.markdown ul,
.markdown ol {
padding-left: 2em;
}
.markdown ul.no-list,
.markdown ol.no-list {
padding: 0;
list-style-type: none;
}
.markdown ul ul,
.markdown ul ol,
.markdown ol ol,
.markdown ol ul {
margin-top: 0;
margin-bottom: 0;
}
.markdown ol ol,
.markdown ul ol {
list-style-type: lower-roman;
}
.markdown li > p {
margin-top: 16px;
}
.markdown dl {
padding: 0;
}
.markdown dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: bold;
}
.markdown dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.markdown blockquote {
padding: 0 15px;
color: #777;
border-left: 4px solid #ddd;
}
.markdown blockquote > :first-child {
margin-top: 0;
}
.markdown blockquote > :last-child {
margin-bottom: 0;
}
.markdown table {
display: block;
width: 100%;
overflow: auto;
word-break: normal;
word-break: keep-all;
}
.markdown table th {
font-weight: bold;
}
.markdown table th,
.markdown table td {
padding: 6px 13px !important;
border: 1px solid #ddd !important;
}
.markdown table tr {
background-color: #fff;
border-top: 1px solid #ccc;
}
.markdown table tr:nth-child(2n) {
background-color: #f8f8f8;
}
.markdown img {
max-width: 100%;
box-sizing: border-box;
}
.markdown .emoji {
max-width: none;
}
.markdown span.frame {
display: block;
overflow: hidden;
}
.markdown span.frame > span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid #ddd;
}
.markdown span.frame span img {
display: block;
float: left;
}
.markdown span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: #333;
}
.markdown span.align-center {
display: block;
overflow: hidden;
clear: both;
}
.markdown span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
.markdown span.align-center span img {
margin: 0 auto;
text-align: center;
}
.markdown span.align-right {
display: block;
overflow: hidden;
clear: both;
}
.markdown span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.markdown span.align-right span img {
margin: 0;
text-align: right;
}
.markdown span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.markdown span.float-left span {
margin: 13px 0 0;
}
.markdown span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.markdown span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.markdown code,
.markdown tt {
padding: 0;
padding-top: 0.2em;
padding-bottom: 0.2em;
margin: 0;
font-size: 85%;
background-color: rgba(0, 0, 0, 0.04);
border-radius: 3px;
}
.markdown code:before,
.markdown code:after,
.markdown tt:before,
.markdown tt:after {
letter-spacing: -0.2em;
content: "\00a0";
}
.markdown code br,
.markdown tt br {
display: none;
}
.markdown del code {
text-decoration: inherit;
}
.markdown pre > code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.markdown .highlight {
margin-bottom: 16px;
}
.markdown .highlight pre,
.markdown pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f7f7f7;
border-radius: 3px;
}
.markdown .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.markdown pre {
word-wrap: normal;
}
.markdown pre code,
.markdown pre tt {
display: inline;
max-width: initial;
padding: 0;
margin: 0;
overflow: initial;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.markdown pre code:before,
.markdown pre code:after,
.markdown pre tt:before,
.markdown pre tt:after {
content: normal;
}
.markdown kbd {
display: inline-block;
padding: 3px 5px;
font-size: 11px;
line-height: 10px;
color: #555;
vertical-align: middle;
background-color: #fcfcfc;
border: solid 1px #ccc;
border-bottom-color: #bbb;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #bbb;
}
.markdown input[type="checkbox"] {
vertical-align: middle !important;
}
.markdown .csv-data td,
.markdown .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.markdown .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: #fff;
border: 0;
}
.markdown .csv-data tr {
border-top: 0;
}
.markdown .csv-data th {
font-weight: bold;
background: #f8f8f8;
border-top: 0;
}
.home {
padding-bottom: 80px;
}
.home .logo {
max-width: 220px;
}
.home .hero h1,
.home .hero h2 {
font-family: 'PT Sans Narrow', sans-serif, 'Microsoft YaHei';
}
.home .hero h1 {
font-size: 5.5em;
}
.home .hero h2 {
font-size: 3em;
}
.home .hero .octicon {
color: #d9453d;
font-size: 40px;
width: 50px;
}
.home .hero.header {
font-size: 20px;
}
.home p.large {
font-size: 16px;
}
.home .stackable {
padding-top: 30px;
}
.home a {
color: #d9453d;
}
.signup {
padding-top: 15px;
padding-bottom: 80px;
}
.install {
padding-top: 45px;
padding-bottom: 80px;
}
.install form label {
text-align: right;
width: 320px !important;
}
.install form input {
width: 35% !important;
}
.install form .field {
text-align: left;
}
.install form .field .help {
margin-left: 335px !important;
}
.install form .field.optional .title {
margin-left: 38%;
}
.install .ui .checkbox {
margin-left: 40% !important;
}
.install .ui .checkbox label {
width: auto !important;
}
.form .help {
color: #999999;
padding-top: .6em;
padding-bottom: .6em;
display: inline-block;
}
.ui.attached.header {
background: #f0f0f0;
}
.ui.attached.header .right {
margin-top: -5px;
}
.ui.attached.header .right .button {
padding: 8px 10px;
font-weight: normal;
}
#create-page-form form {
margin: auto;
width: 800px!important;
}
#create-page-form form .ui.message {
text-align: center;
}
#create-page-form form .header {
padding-left: 280px !important;
}
#create-page-form form .inline.field > label {
text-align: right;
width: 250px !important;
word-wrap: break-word;
}
#create-page-form form .help {
margin-left: 265px !important;
}
#create-page-form form .optional .title {
margin-left: 250px !important;
}
#create-page-form form input,
#create-page-form form textarea {
width: 50%!important;
}
.user.activate form,
.user.forgot.password form,
.user.reset.password form,
.user.signin form,
.user.signup form {
margin: auto;
width: 800px!important;
}
.user.activate form .ui.message,
.user.forgot.password form .ui.message,
.user.reset.password form .ui.message,
.user.signin form .ui.message,
.user.signup form .ui.message {
text-align: center;
}
.user.activate form .header,
.user.forgot.password form .header,
.user.reset.password form .header,
.user.signin form .header,
.user.signup form .header {
padding-left: 280px !important;
}
.user.activate form .inline.field > label,
.user.forgot.password form .inline.field > label,
.user.reset.password form .inline.field > label,
.user.signin form .inline.field > label,
.user.signup form .inline.field > label {
text-align: right;
width: 250px !important;
word-wrap: break-word;
}
.user.activate form .help,
.user.forgot.password form .help,
.user.reset.password form .help,
.user.signin form .help,
.user.signup form .help {
margin-left: 265px !important;
}
.user.activate form .optional .title,
.user.forgot.password form .optional .title,
.user.reset.password form .optional .title,
.user.signin form .optional .title,
.user.signup form .optional .title {
margin-left: 250px !important;
}
.user.activate form input,
.user.forgot.password form input,
.user.reset.password form input,
.user.signin form input,
.user.signup form input,
.user.activate form textarea,
.user.forgot.password form textarea,
.user.reset.password form textarea,
.user.signin form textarea,
.user.signup form textarea {
width: 50%!important;
}
.user.activate form,
.user.forgot.password form,
.user.reset.password form,
.user.signin form,
.user.signup form {
width: 700px!important;
}
.user.activate form .header,
.user.forgot.password form .header,
.user.reset.password form .header,
.user.signin form .header,
.user.signup form .header {
padding-left: 230px !important;
}
.user.activate form .inline.field > label,
.user.forgot.password form .inline.field > label,
.user.reset.password form .inline.field > label,
.user.signin form .inline.field > label,
.user.signup form .inline.field > label {
width: 200px !important;
}
.repository.new.repo form,
.repository.new.migrate form,
.repository.new.fork form {
margin: auto;
width: 800px!important;
}
.repository.new.repo form .ui.message,
.repository.new.migrate form .ui.message,
.repository.new.fork form .ui.message {
text-align: center;
}
.repository.new.repo form .header,
.repository.new.migrate form .header,
.repository.new.fork form .header {
padding-left: 280px !important;
}
.repository.new.repo form .inline.field > label,
.repository.new.migrate form .inline.field > label,
.repository.new.fork form .inline.field > label {
text-align: right;
width: 250px !important;
word-wrap: break-word;
}
.repository.new.repo form .help,
.repository.new.migrate form .help,
.repository.new.fork form .help {
margin-left: 265px !important;
}
.repository.new.repo form .optional .title,
.repository.new.migrate form .optional .title,
.repository.new.fork form .optional .title {
margin-left: 250px !important;
}
.repository.new.repo form input,
.repository.new.migrate form input,
.repository.new.fork form input,
.repository.new.repo form textarea,
.repository.new.migrate form textarea,
.repository.new.fork form textarea {
width: 50%!important;
}
.repository.new.repo form .dropdown .dropdown.icon,
.repository.new.migrate form .dropdown .dropdown.icon,
.repository.new.fork form .dropdown .dropdown.icon {
margin-top: -7px !important;
}
.repository.new.repo form .dropdown .text,
.repository.new.migrate form .dropdown .text,
.repository.new.fork form .dropdown .text {
margin-right: 0!important;
}
.repository.new.repo form .dropdown .text i,
.repository.new.migrate form .dropdown .text i,
.repository.new.fork form .dropdown .text i {
margin-right: 0!important;
}
.repository.new.repo .ui.form .selection.dropdown:not(.owner) {
width: 50%!important;
}
.repository.new.repo .ui.form #auto-init {
margin-left: 265px !important;
}
.new.webhook form .help {
margin-left: 25px;
}
.new.webhook .events.fields .column {
padding-left: 40px;
}
.repository {
padding-top: 15px;
padding-bottom: 80px;
}
.repository .head .column {
padding-top: 5px!important;
padding-bottom: 5px!important;
}
.repository .head .ui.compact.menu {
margin-left: 1rem;
}
.repository .head .ui.header {
margin-top: 0;
}
.repository .head .mega-octicon {
width: 30px;
font-size: 30px;
}
.repository .head .ui.huge.breadcrumb {
font-weight: 400;
font-size: 1.7rem;
}
.repository .head .fork-flag {
margin-left: 38px;
margin-top: 3px;
display: block;
font-size: 12px;
white-space: nowrap;
}
.repository .navbar .ui.label {
margin-top: -2px;
margin-left: 7px;
padding: 3px 5px;
}
.repository .owner.dropdown {
min-width: 40% !important;
}
.repository .metas .menu {
max-height: 300px;
overflow-x: auto;
}
.repository .metas .ui.list .hide {
display: none!important;
}
.repository .metas .ui.list .label.color {
padding: 0 8px;
margin-right: 5px;
}
.repository .metas .ui.list a {
padding-top: 5px;
padding-right: 10px;
}
.repository .metas .ui.list a .text {
color: #444;
}
.repository .metas .ui.list a .text:hover {
color: #000;
}
.repository .header-wrapper {
background-color: #FAFAFA;
margin-top: -15px;
padding-top: 15px;
}
.repository .filter.menu .label.color {
margin-left: 15px;
padding: 0 8px;
}
.repository .filter.menu .octicon {
float: left;
margin-left: -5px;
margin-right: -7px;
}
.repository .filter.menu .menu {
max-height: 300px;
overflow-x: auto;
right: 0!important;
left: auto!important;
}
.repository .filter.menu .dropdown.item {
margin: 1px;
padding-right: 0;
}
.repository .ui.tabs.container {
margin-top: 14px;
margin-bottom: 0px;
}
.repository .ui.tabs.container .ui.menu {
border-bottom: none;
}
.repository .ui.tabs.divider {
margin-top: 0;
margin-bottom: 20px;
}
.repository #clone-panel {
margin-top: -8px;
width: 100%;
}
.repository #clone-panel input {
border-radius: 0;
padding: 5px 10px;
}
.repository #clone-panel .clone.button {
font-size: 13px;
padding: 0 5px;
}
.repository #clone-panel .clone.button:first-child {
border-radius: .28571429rem 0 0 .28571429rem;
}
.repository #clone-panel .icon.button {
padding: 0 10px;
}
.repository #clone-panel .dropdown .menu {
right: 0!important;
left: auto!important;
}
.repository.file.list #repo-desc {
font-size: 1.2em;
}
.repository.file.list .choose.reference .header .icon {
font-size: 1.4em;
}
.repository.file.list #repo-files-table thead th {
padding-top: 8px;
padding-bottom: 5px;
font-weight: normal;
}
.repository.file.list #repo-files-table thead th:first-child {
display: block;
position: relative;
width: 325%;
}
.repository.file.list #repo-files-table thead .ui.avatar {
margin-bottom: 5px;
}
.repository.file.list #repo-files-table tbody .icon {
margin-left: 3px;
margin-right: 5px;
}
.repository.file.list #repo-files-table td {
padding-top: 8px;
padding-bottom: 8px;
}
.repository.file.list #repo-files-table tr:hover {
background-color: #ffffEE;
}
.repository.file.list #file-content .header .icon {
font-size: 1em;
margin-top: -2px;
}
.repository.file.list #file-content .view-raw * {
max-width: 100%;
}
.repository.file.list #file-content .view-raw img {
padding: 5px 5px 0 5px;
}
.repository.file.list #file-content .code-view * {
font-size: 12px;
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
line-height: 20px;
}
.repository.file.list #file-content .code-view table {
width: 100%;
}
.repository.file.list #file-content .code-view .lines-num {
vertical-align: top;
text-align: right;
color: #999;
background: #f5f5f5;
width: 1%;
}
.repository.file.list #file-content .code-view .lines-num span {
line-height: 20px;
padding: 0 10px;
cursor: pointer;
display: block;
}
.repository.file.list #file-content .code-view .lines-num,
.repository.file.list #file-content .code-view .lines-code {
padding: 0;
}
.repository.file.list #file-content .code-view .lines-num pre,
.repository.file.list #file-content .code-view .lines-code pre,
.repository.file.list #file-content .code-view .lines-num ol,
.repository.file.list #file-content .code-view .lines-code ol,
.repository.file.list #file-content .code-view .lines-num .hljs,
.repository.file.list #file-content .code-view .lines-code .hljs {
background-color: white;
margin: 0;
padding: 0 !important;
}
.repository.file.list #file-content .code-view .lines-num pre li,
.repository.file.list #file-content .code-view .lines-code pre li,
.repository.file.list #file-content .code-view .lines-num ol li,
.repository.file.list #file-content .code-view .lines-code ol li,
.repository.file.list #file-content .code-view .lines-num .hljs li,
.repository.file.list #file-content .code-view .lines-code .hljs li {
padding-left: 5px;
}
.repository.file.list #file-content .code-view .lines-num pre li.active,
.repository.file.list #file-content .code-view .lines-code pre li.active,
.repository.file.list #file-content .code-view .lines-num ol li.active,
.repository.file.list #file-content .code-view .lines-code ol li.active,
.repository.file.list #file-content .code-view .lines-num .hljs li.active,
.repository.file.list #file-content .code-view .lines-code .hljs li.active {
background: #ffffdd;
}
.repository.file.list .sidebar {
padding-left: 0;
}
.repository.file.list .sidebar .octicon {
width: 16px;
}
.repository.options #interval {
width: 100px!important;
min-width: 100px;
}
.repository.options .danger .item {
padding: 20px 15px;
}
.repository.options .danger .ui.divider {
margin: 0;
}
.repository.new.issue .comment.form .comment .avatar {
width: 3em;
}
.repository.new.issue .comment.form .content {
margin-left: 4em;
}
.repository.new.issue .comment.form .content:before,
.repository.new.issue .comment.form .content:after {
right: 100%;
top: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.repository.new.issue .comment.form .content:before {
border-right-color: #D4D4D5;
border-width: 9px;
margin-top: -9px;
}
.repository.new.issue .comment.form .content:after {
border-right-color: #f7f7f7;
border-width: 8px;
margin-top: -8px;
}
.repository.new.issue .comment.form .content:after {
border-right-color: #fff;
}
.repository.new.issue .comment.form .content .markdown {
font-size: 14px;
}
.repository.new.issue .comment.form .metas {
min-width: 220px;
}
.repository.new.issue .comment.form .metas .filter.menu {
max-height: 300px;
overflow-x: auto;
}
.repository.view.issue .title {
padding-bottom: 0!important;
}
.repository.view.issue .title h1 {
font-weight: 300;
font-size: 2.3rem;
margin-bottom: 5px;
}
.repository.view.issue .title h1 .ui.input {
font-size: 0.5em;
vertical-align: top;
width: 50%;
min-width: 600px;
}
.repository.view.issue .title h1 .ui.input input {
font-size: 1.5em;
padding: 6px 10px;
}
.repository.view.issue .title .index {
font-weight: 300;
color: #aaa;
letter-spacing: -1px;
}
.repository.view.issue .title .label {
margin-right: 10px;
}
.repository.view.issue .title .edit-zone {
margin-top: 10px;
}
.repository.view.issue .pull-desc code {
color: #0166E6;
}
.repository.view.issue .pull.tabular.menu {
margin-bottom: 10px;
}
.repository.view.issue .pull.tabular.menu .octicon {
margin-right: 5px;
}
.repository.view.issue .pull.tab.segment {
border: none;
padding: 0;
padding-top: 10px;
box-shadow: none;
background-color: inherit;
}
.repository.view.issue .pull .merge.box .avatar {
margin-left: 10px;
margin-top: 10px;
}
.repository.view.issue .comment-list:before {
display: block;
content: "";
position: absolute;
margin-top: 12px;
margin-bottom: 14px;
top: 0;
bottom: 0;
left: 96px;
width: 2px;
background-color: #f3f3f3;
z-index: -1;
}
.repository.view.issue .comment-list .comment .avatar {
width: 3em;
}
.repository.view.issue .comment-list .comment .tag {
color: #767676;
margin-top: 3px;
padding: 2px 5px;
font-size: 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.repository.view.issue .comment-list .comment .actions .item {
float: left;
}
.repository.view.issue .comment-list .comment .actions a.item {
margin-top: 6px;
margin-left: 10px;
}
.repository.view.issue .comment-list .comment .content {
margin-left: 4em;
}
.repository.view.issue .comment-list .comment .content .header {
font-weight: normal;
padding: auto 15px;
position: relative;
color: #767676;
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.repository.view.issue .comment-list .comment .content .header:before,
.repository.view.issue .comment-list .comment .content .header:after {
right: 100%;
top: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.repository.view.issue .comment-list .comment .content .header:before {
border-right-color: #D4D4D5;
border-width: 9px;
margin-top: -9px;
}
.repository.view.issue .comment-list .comment .content .header:after {
border-right-color: #f7f7f7;
border-width: 8px;
margin-top: -8px;
}
.repository.view.issue .comment-list .comment .content .header .text {
max-width: 78%;
padding-top: 10px;
padding-bottom: 10px;
}
.repository.view.issue .comment-list .comment .content .markdown {
font-size: 14px;
}
.repository.view.issue .comment-list .comment .content .no-content {
color: #767676;
font-style: italic;
}
.repository.view.issue .comment-list .comment .content > .bottom.segment {
background: #f3f4f5;
}
.repository.view.issue .comment-list .comment .content > .bottom.segment .ui.image {
max-height: 150px;
}
.repository.view.issue .comment-list .comment .ui.form .field:first-child {
clear: none;
}
.repository.view.issue .comment-list .comment .ui.form .tab.segment {
border: none;
padding: 0;
padding-top: 10px;
}
.repository.view.issue .comment-list .comment .ui.form textarea {
height: 200px;
}
.repository.view.issue .comment-list .comment .edit.buttons {
margin-top: 10px;
}
.repository.view.issue .comment-list .event {
position: relative;
margin: 15px 0 15px 79px;
padding-left: 25px;
}
.repository.view.issue .comment-list .event .octicon {
width: 30px;
float: left;
margin-left: -36px;
text-align: center;
}
.repository.view.issue .comment-list .event .octicon.octicon-circle-slash {
margin-top: 5px;
font-size: 20px;
color: #bd2c00;
}
.repository.view.issue .comment-list .event .octicon.octicon-primitive-dot {
font-size: 30px;
color: #6cc644;
}
.repository.view.issue .comment-list .event .octicon.octicon-bookmark {
margin-top: 3px;
font-size: 25px;
}
.repository.view.issue .comment-list .event .detail {
font-size: 0.9rem;
margin-top: 5px;
margin-left: 35px;
}
.repository.view.issue .comment-list .event .detail .octicon.octicon-git-commit {
margin-top: 2px;
}
.repository.view.issue .ui.segment.metas {
margin-top: -3px;
}
.repository.view.issue .ui.participants img {
margin-top: 5px;
margin-right: 5px;
}
.repository .comment.form .ui.comments {
margin-top: -12px;
max-width: 100%;
}
.repository .comment.form .content .field:first-child {
clear: none;
}
.repository .comment.form .content .form:before,
.repository .comment.form .content .form:after {
right: 100%;
top: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.repository .comment.form .content .form:before {
border-right-color: #D4D4D5;
border-width: 9px;
margin-top: -9px;
}
.repository .comment.form .content .form:after {
border-right-color: #f7f7f7;
border-width: 8px;
margin-top: -8px;
}
.repository .comment.form .content .form:after {
border-right-color: #fff;
}
.repository .comment.form .content .tab.segment {
border: none;
padding: 0;
padding-top: 10px;
}
.repository .comment.form .content textarea {
height: 200px;
}
.repository .label.list {
list-style: none;
padding-top: 15px;
}
.repository .label.list .item {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #AAA;
}
.repository .label.list .item a {
font-size: 15px;
padding-top: 5px;
padding-right: 10px;
color: #666;
}
.repository .label.list .item a:hover {
color: #000;
}
.repository .label.list .item a.open-issues {
margin-right: 30px;
}
.repository .milestone.list {
list-style: none;
padding-top: 15px;
}
.repository .milestone.list > .item {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #AAA;
}
.repository .milestone.list > .item > a {
padding-top: 5px;
padding-right: 10px;
color: #000;
}
.repository .milestone.list > .item > a:hover {
color: #4078c0;
}
.repository .milestone.list > .item .ui.progress {
width: 40%;
padding: 0;
border: 0;
margin: 0;
}
.repository .milestone.list > .item .ui.progress .bar {
height: 20px;
}
.repository .milestone.list > .item .meta {
color: #999;
padding-top: 5px;
}
.repository .milestone.list > .item .meta .issue-stats .octicon {
padding-left: 5px;
}
.repository .milestone.list > .item .meta .overdue {
color: red;
}
.repository .milestone.list > .item .operate {
margin-top: -15px;
}
.repository .milestone.list > .item .operate > a {
font-size: 15px;
padding-top: 5px;
padding-right: 10px;
color: #666;
}
.repository .milestone.list > .item .operate > a:hover {
color: #000;
}
.repository .milestone.list > .item .content {
padding-top: 10px;
}
.repository.new.milestone textarea {
height: 200px;
}
.repository.new.milestone #deadline {
width: 150px;
}
.repository.compare.pull .choose.branch .octicon {
padding-right: 10px;
}
.repository.compare.pull .comment.form .content:before,
.repository.compare.pull .comment.form .content:after {
right: 100%;
top: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.repository.compare.pull .comment.form .content:before {
border-right-color: #D4D4D5;
border-width: 9px;
margin-top: -9px;
}
.repository.compare.pull .comment.form .content:after {
border-right-color: #f7f7f7;
border-width: 8px;
margin-top: -8px;
}
.repository.compare.pull .comment.form .content:after {
border-right-color: #fff;
}
.repository .filter.dropdown .menu {
margin-top: 1px!important;
}
.repository.commits .header .ui.right .search input {
font-weight: normal;
padding: 5px 10px;
}
.repository #commits-table thead th:first-of-type {
padding-left: 15px;
}
.repository #commits-table thead .sha {
font-size: 13px;
padding: 6px 40px 4px 35px;
}
.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) {
background-color: rgba(0, 0, 0, 0.02) !important;
}
.repository .diff-detail-box {
margin: 15px 0;
line-height: 30px;
}
.repository .diff-detail-box ol {
clear: both;
padding-left: 0;
margin-top: 5px;
margin-bottom: 28px;
}
.repository .diff-detail-box ol li {
list-style: none;
padding-bottom: 4px;
margin-bottom: 4px;
border-bottom: 1px dashed #DDD;
padding-left: 6px;
}
.repository .diff-detail-box span.status {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 8px;
vertical-align: middle;
}
.repository .diff-detail-box span.status.modify {
background-color: #f0db88;
}
.repository .diff-detail-box span.status.add {
background-color: #b4e2b4;
}
.repository .diff-detail-box span.status.del {
background-color: #e9aeae;
}
.repository .diff-detail-box span.status.rename {
background-color: #dad8ff;
}
.repository .diff-box .count {
margin-right: 12px;
font-size: 13px;
}
.repository .diff-box .count .bar {
background-color: #bd2c00;
height: 12px;
width: 40px;
display: inline-block;
margin: 2px 4px 0 4px;
vertical-align: text-top;
}
.repository .diff-box .count .bar .add {
background-color: #55a532;
height: 12px;
}
.repository .diff-box .file {
color: #888;
}
.repository .diff-file-box .header {
background-color: #f7f7f7;
}
.repository .diff-file-box .file-body.file-code .lines-num {
text-align: right;
color: #A7A7A7;
background: #fafafa;
width: 1%;
}
.repository .diff-file-box .file-body.file-code .lines-num span.fold {
display: block;
text-align: center;
}
.repository .diff-file-box .file-body.file-code .lines-num-old {
border-right: 1px solid #DDD;
}
.repository .diff-file-box .code-diff {
font-size: 12px;
}
.repository .diff-file-box .code-diff td {
padding: 0;
padding-left: 10px;
border-top: none;
}
.repository .diff-file-box .code-diff pre {
margin: 0;
}
.repository .diff-file-box .code-diff .lines-num {
border-right: 1px solid #d4d4d5;
padding: 0 5px;
}
.repository .diff-file-box .code-diff tbody tr.tag-code td,
.repository .diff-file-box .code-diff tbody tr.tag-code pre {
background-color: #F0F0F0 !important;
border-color: #D2CECE!important;
padding-top: 4px;
padding-bottom: 4px;
}
.repository .diff-file-box .code-diff tbody tr.tag-code td.halfwidth {
width: 50%;
}
.repository .diff-file-box .code-diff tbody tr.del-code td.add-code {
background-color: #eaffea !important;
border-color: #c1e9c1 !important;
}
.repository .diff-file-box .code-diff tbody tr.del-code td.add-code pre {
background-color: #eaffea !important;
border-color: #c1e9c1 !important;
}
.repository .diff-file-box .code-diff tbody tr.del-code td,
.repository .diff-file-box .code-diff tbody tr.del-code pre {
background-color: #ffecec !important;
border-color: #f1c0c0 !important;
}
.repository .diff-file-box .code-diff tbody tr.del-code td.halfwidth {
width: 50%;
}
.repository .diff-file-box .code-diff tbody tr.add-code td,
.repository .diff-file-box .code-diff tbody tr.add-code pre {
background-color: #eaffea !important;
border-color: #c1e9c1 !important;
}
.repository .diff-file-box .code-diff tbody tr.add-code td.halfwidth {
width: 50%;
}
.repository .diff-file-box .code-diff tbody tr .removed-code {
background-color: #ff9999;
}
.repository .diff-file-box .code-diff tbody tr .added-code {
background-color: #99ff99;
}
.repository .diff-file-box.file-content img {
max-width: 100%;
padding: 5px 5px 0 5px;
}
.repository .code-view {
overflow: auto;
overflow-x: auto;
overflow-y: hidden;
}
.repository.quickstart .guide .item {
padding: 1em;
}
.repository.quickstart .guide .item small {
font-weight: normal;
}
.repository.quickstart .guide .clone.button:first-child {
border-radius: .28571429rem 0 0 .28571429rem;
}
.repository.quickstart .guide .ui.action.small.input {
width: 100%;
}
.repository.quickstart .guide #repo-clone-url {
border-radius: 0;
padding: 5px 10px;
font-size: 1.2em;
}
.repository.release #release-list {
border-top: 1px solid #DDD;
margin-top: 20px;
padding-top: 15px;
}
.repository.release #release-list > li {
list-style: none;
}
.repository.release #release-list > li .meta,
.repository.release #release-list > li .detail {
padding-top: 30px;
padding-bottom: 40px;
}
.repository.release #release-list > li .meta {
text-align: right;
position: relative;
}
.repository.release #release-list > li .meta .tag:not(.icon) {
display: block;
margin-top: 15px;
}
.repository.release #release-list > li .meta .commit {
display: block;
margin-top: 10px;
}
.repository.release #release-list > li .detail {
border-left: 1px solid #DDD;
}
.repository.release #release-list > li .detail .author img {
margin-bottom: -3px;
}
.repository.release #release-list > li .detail .download {
margin-top: 20px;
}
.repository.release #release-list > li .detail .download > a .octicon {
margin-left: 5px;
margin-right: 5px;
}
.repository.release #release-list > li .detail .download .list {
padding-left: 0;
border-top: 1px solid #eee;
}
.repository.release #release-list > li .detail .download .list li {
list-style: none;
display: block;
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
}
.repository.release #release-list > li .detail .dot {
width: 9px;
height: 9px;
background-color: #ccc;
z-index: 999;
position: absolute;
display: block;
left: -5px;
top: 40px;
border-radius: 6px;
border: 1px solid #FFF;
}
.repository.new.release .target {
min-width: 500px;
}
.repository.new.release .target .at {
margin-left: -5px;
margin-right: 5px;
}
.repository.new.release .target .dropdown.icon {
margin: 0;
padding-top: 3px;
}
.repository.new.release .target .selection.dropdown {
padding-top: 10px;
padding-bottom: 10px;
}
.repository.new.release .prerelease.field {
margin-bottom: 0;
}
.repository.forks .list {
margin-top: 0;
}
.repository.forks .list .item {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #DDD;
}
.repository.forks .list .item .ui.avatar {
float: left;
margin-right: 5px;
}
.repository.forks .list .item .link {
padding-top: 5px;
}
.repository.wiki.start .ui.segment {
padding-top: 70px;
padding-bottom: 100px;
}
.repository.wiki.start .ui.segment .mega-octicon {
font-size: 48px;
}
.repository.wiki.new .CodeMirror .CodeMirror-code .cm-comment {
background: inherit;
}
.repository.wiki.new .editor-preview {
background-color: white;
}
.repository.wiki.view .choose.page {
margin-top: -5px;
}
.repository.wiki.view .ui.sub.header {
text-transform: none;
}
.repository.wiki.view .markdown {
padding: 15px 30px;
}
.repository.wiki.view .markdown h1:first-of-type,
.repository.wiki.view .markdown h2:first-of-type,
.repository.wiki.view .markdown h3:first-of-type,
.repository.wiki.view .markdown h4:first-of-type,
.repository.wiki.view .markdown h5:first-of-type,
.repository.wiki.view .markdown h6:first-of-type {
margin-top: 0;
}
.repository.settings.collaboration .collaborator.list {
padding: 0;
}
.repository.settings.collaboration .collaborator.list .item {
padding: 10px 20px;
}
.repository.settings.collaboration .collaborator.list .item:not(:last-child) {
border-bottom: 1px solid #DDD;
}
.repository.settings.collaboration #repo-collab-form #search-user-box .results {
left: 7px;
}
.repository.settings.collaboration #repo-collab-form .ui.button {
margin-left: 5px;
margin-top: -3px;
}
.user-cards .list {
padding: 0;
}
.user-cards .list .item {
list-style: none;
width: 32%;
margin: 10px 10px 10px 0;
padding-bottom: 14px;
float: left;
}
.user-cards .list .item .avatar {
width: 48px;
height: 48px;
float: left;
display: block;
margin-right: 10px;
}
.user-cards .list .item .name {
margin-top: 0;
margin-bottom: 0;
font-weight: normal;
}
.user-cards .list .item .meta {
margin-top: 5px;
}
#search-repo-box .results,
#search-user-box .results {
padding: 0;
position: absolute;
}
#search-repo-box .results .item,
#search-user-box .results .item {
padding: 10px 15px;
border-bottom: 1px solid #DDD;
cursor: pointer;
}
#search-repo-box .results .item:hover,
#search-user-box .results .item:hover {
background: rgba(0, 0, 0, 0.05) !important;
color: rgba(0, 0, 0, 0.95) !important;
}
#search-repo-box .results .item img,
#search-user-box .results .item img {
margin-right: 8px;
}
.issue.list {
list-style: none;
padding-top: 15px;
}
.issue.list > .item {
padding-top: 15px;
padding-bottom: 10px;
border-bottom: 1px dashed #AAA;
}
.issue.list > .item .title {
color: #444;
font-size: 15px;
font-weight: bold;
margin: 0 6px;
}
.issue.list > .item .title:hover {
color: #000;
}
.issue.list > .item .comment {
padding-right: 10px;
color: #666;
}
.issue.list > .item .desc {
padding-top: 5px;
color: #999;
}
.issue.list > .item .desc a.milestone {
padding-left: 5px;
color: #999!important;
}
.issue.list > .item .desc a.milestone:hover {
color: #000!important;
}
.issue.list > .item .desc .assignee {
margin-top: -5px;
margin-right: 5px;
}
.page.buttons {
padding-top: 15px;
}
.ui.comments .dropzone {
width: 100%;
margin-bottom: 10px;
border: 2px dashed #0087F7;
box-shadow: none!important;
}
.ui.comments .dropzone .dz-error-message {
top: 140px;
}
.settings .content {
margin-top: 2px;
}
.settings .content > .header,
.settings .content .segment {
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
}
.settings .key.list .item:not(:first-child) {
border-top: 1px solid #eaeaea;
}
.settings .key.list .ssh-key-state-indicator {
float: left;
color: gray;
padding-left: 10px;
padding-top: 10px;
}
.settings .key.list .ssh-key-state-indicator.active {
color: #6cc644;
}
.settings .key.list .meta {
padding-top: 5px;
}
.settings .key.list .print {
color: #767676;
}
.settings .key.list .activity {
color: #666;
}
.settings .hook.list > .item:not(:first-child) {
border-top: 1px solid #eaeaea;
}
.settings .hook.list .item {
padding: 10px 20px;
}
.settings .hook.list .item .octicon,
.settings .hook.list .item .fa {
width: 20px;
text-align: center;
}
.settings .hook.history.list .item {
padding-left: 13px;
}
.settings .hook.history.list .item .meta .ui.right {
margin-top: 5px;
}
.settings .hook.history.list .item .meta .ui.right .time {
font-size: 12px;
}
.settings .hook.history.list .item .info {
margin-top: 10px;
}
.settings .hook.history.list .item .info .tabular.menu .item {
font-weight: 500;
}
.settings .hook.history.list .item .info .tab.segment {
border: none;
padding: 0;
padding-top: 10px;
box-shadow: none;
}
.settings .hook.history.list .item .info .tab.segment > * {
color: #666;
}
.settings .hook.history.list .item .info .tab.segment pre {
word-wrap: break-word;
}
.settings .hook.history.list .item .info .tab.segment pre .hljs {
padding: 0;
background-color: inherit;
}
.ui.vertical.menu .header.item {
font-size: 1.1em;
background: #f0f0f0;
}
.edit-label.modal .form .column,
.new-label.segment .form .column {
padding-right: 0;
}
.edit-label.modal .form .buttons,
.new-label.segment .form .buttons {
margin-left: auto;
padding-top: 15px;
}
.edit-label.modal .form .color.picker.column,
.new-label.segment .form .color.picker.column {
width: auto;
}
.edit-label.modal .form .color.picker.column .color-picker,
.new-label.segment .form .color.picker.column .color-picker {
height: 35px;
width: auto;
padding-left: 30px;
}
.edit-label.modal .form .minicolors-swatch.minicolors-sprite,
.new-label.segment .form .minicolors-swatch.minicolors-sprite {
top: 10px;
left: 10px;
width: 15px;
height: 15px;
}
.edit-label.modal .form .precolors,
.new-label.segment .form .precolors {
padding-left: 0;
padding-right: 0;
margin: 3px 10px auto 10px;
width: 120px;
}
.edit-label.modal .form .precolors .color,
.new-label.segment .form .precolors .color {
float: left;
width: 15px;
height: 15px;
}
#avatar-arrow:before,
#avatar-arrow:after {
right: 100%;
top: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#avatar-arrow:before {
border-right-color: #D4D4D5;
border-width: 9px;
margin-top: -9px;
}
#avatar-arrow:after {
border-right-color: #f7f7f7;
border-width: 8px;
margin-top: -8px;
}
#transfer-repo-modal .ui.message,
#delete-repo-modal .ui.message {
width: 100%!important;
}
.organization {
padding-top: 15px;
padding-bottom: 80px;
}
.organization .head .ui.header .text {
vertical-align: middle;
font-size: 1.6rem;
margin-left: 15px;
}
.organization .head .ui.header .ui.right {
margin-top: 5px;
}
.organization.new.org form {
margin: auto;
width: 800px!important;
}
.organization.new.org form .ui.message {
text-align: center;
}
.organization.new.org form .header {
padding-left: 280px !important;
}
.organization.new.org form .inline.field > label {
text-align: right;
width: 250px !important;
word-wrap: break-word;
}
.organization.new.org form .help {
margin-left: 265px !important;
}
.organization.new.org form .optional .title {
margin-left: 250px !important;
}
.organization.new.org form input,
.organization.new.org form textarea {
width: 50%!important;
}
.organization.options input {
min-width: 300px;
}
.organization.profile #org-avatar {
width: 100px;
height: 100px;
margin-right: 15px;
}
.organization.profile #org-info .ui.header {
font-size: 36px;
margin-bottom: 0;
}
.organization.profile #org-info .desc {
font-size: 16px;
margin-bottom: 10px;
}
.organization.profile #org-info .meta .item {
display: inline-block;
margin-right: 10px;
}
.organization.profile #org-info .meta .item .icon {
margin-right: 5px;
}
.organization.profile .ui.top.header .ui.right {
margin-top: 0;
}
.organization.profile .teams .item {
padding: 10px 15px;
}
.organization.teams .members .ui.avatar,
.organization.profile .members .ui.avatar {
width: 48px;
height: 48px;
margin-right: 5px;
}
.organization.invite #invite-box {
margin: auto;
margin-top: 50px;
width: 500px !important;
}
.organization.invite #invite-box #search-user-box input {
margin-left: 0;
width: 300px;
}
.organization.invite #invite-box .ui.button {
margin-left: 5px;
margin-top: -3px;
}
.organization.members .list .item {
margin-left: 0;
margin-right: 0;
border-bottom: 1px solid #eee;
}
.organization.members .list .item .ui.avatar {
width: 48px;
height: 48px;
}
.organization.members .list .item .meta {
line-height: 24px;
}
.organization.teams .detail .item {
padding: 10px 15px;
}
.organization.teams .detail .item:not(:last-child) {
border-bottom: 1px solid #eee;
}
.organization.teams .repositories .item,
.organization.teams .members .item {
padding: 10px 20px;
line-height: 32px;
}
.organization.teams .repositories .item:not(:last-child),
.organization.teams .members .item:not(:last-child) {
border-bottom: 1px solid #DDD;
}
.organization.teams .repositories .item .button,
.organization.teams .members .item .button {
padding: 9px 10px;
}
.organization.teams #add-repo-form input,
.organization.teams #add-member-form input {
margin-left: 0;
}
.organization.teams #add-repo-form .ui.button,
.organization.teams #add-member-form .ui.button {
margin-left: 5px;
margin-top: -3px;
}
.user:not(.icon) {
padding-top: 15px;
padding-bottom: 80px;
}
.user.settings .list .item.ui.grid {
margin-top: 15px;
}
.user.settings .email.list .item:not(:first-child) {
border-top: 1px solid #eaeaea;
height: 50px;
}
.user.settings .email.list .item:not(:first-child) .button {
margin-top: -10px;
}
.user.profile .ui.card .username {
display: block;
}
.user.profile .ui.card .extra.content {
padding: 0;
}
.user.profile .ui.card .extra.content ul {
margin: 0;
padding: 0;
}
.user.profile .ui.card .extra.content ul li {
padding: 10px;
list-style: none;
}
.user.profile .ui.card .extra.content ul li:not(:last-child) {
border-bottom: 1px solid #eaeaea;
}
.user.profile .ui.card .extra.content ul li .octicon {
margin-left: 1px;
margin-right: 5px;
}
.user.profile .ui.card .extra.content ul li.follow .ui.button {
width: 100%;
}
.user.profile .ui.repository.list {
margin-top: 25px;
}
.user.followers .header.name {
font-size: 20px;
line-height: 24px;
vertical-align: middle;
}
.user.followers .follow .ui.button {
padding: 8px 15px;
}
.dashboard {
padding-top: 15px;
padding-bottom: 80px;
}
.dashboard.feeds .context.user.menu,
.dashboard.issues .context.user.menu {
z-index: 101;
min-width: 200px;
}
.dashboard.feeds .context.user.menu .ui.header,
.dashboard.issues .context.user.menu .ui.header {
font-size: 1rem;
text-transform: none;
}
.dashboard.feeds .filter.menu .item,
.dashboard.issues .filter.menu .item {
text-align: left;
}
.dashboard.feeds .filter.menu .item .text,
.dashboard.issues .filter.menu .item .text {
height: 16px;
vertical-align: middle;
}
.dashboard.feeds .filter.menu .item .text.truncate,
.dashboard.issues .filter.menu .item .text.truncate {
width: 85%;
}
.dashboard.feeds .filter.menu .item .floating.label,
.dashboard.issues .filter.menu .item .floating.label {
top: 7px;
left: 90%;
width: 15%;
}
.dashboard.feeds .filter.menu .jump.item,
.dashboard.issues .filter.menu .jump.item {
margin: 1px;
padding-right: 0;
}
.dashboard.feeds .filter.menu .menu,
.dashboard.issues .filter.menu .menu {
max-height: 300px;
overflow-x: auto;
right: 0!important;
left: auto!important;
}
.dashboard.feeds .ui.right .head.menu,
.dashboard.issues .ui.right .head.menu {
margin-top: -5px;
}
.dashboard.feeds .ui.right .head.menu .item.active,
.dashboard.issues .ui.right .head.menu .item.active {
color: #d9453d;
}
.dashboard.feeds .head.menu .octicon,
.dashboard.issues .head.menu .octicon {
margin-right: 5px;
}
.feeds .news .ui.avatar {
margin-top: 13px;
}
.feeds .news p {
line-height: 1em;
}
.feeds .news .time-since {
font-size: 13px;
}
.feeds .news .issue.title {
line-height: 1.1em;
width: 80%;
}
.feeds .news .push.news .content ul {
font-size: 13px;
list-style: none;
padding-left: 10px;
}
.feeds .news .push.news .content ul img {
margin-bottom: -2px;
}
.feeds .news .push.news .content ul .text.truncate {
width: 80%;
margin-bottom: -5px;
}
.feeds .news .commit-id {
font-family: Consolas, monospace;
}
.feeds .news code {
padding: 1px;
font-size: 85%;
background-color: rgba(0, 0, 0, 0.04);
border-radius: 3px;
word-break: break-all;
}
.feeds .list .header {
padding-top: 10px;
padding-bottom: 5px;
}
.feeds .list .header .plus.icon {
margin-top: 5px;
margin-right: 0;
}
.feeds .list ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.feeds .list ul li:not(:last-child) {
border-bottom: 1px solid #EAEAEA;
}
.feeds .list ul li.private {
background-color: #fcf8e9;
}
.feeds .list ul li a {
padding: 6px 1.2em;
display: block;
}
.feeds .list ul li a .octicon {
margin-right: 6px;
color: #888;
}
.feeds .list .repo-owner-name-list .item-name {
max-width: 70%;
margin-bottom: -4px;
}
.feeds .list #collaborative-repo-list .owner-and-repo {
max-width: 80%;
margin-bottom: -5px;
}
.feeds .list #collaborative-repo-list .owner-name {
max-width: 120px;
margin-bottom: -5px;
}
.admin {
padding-top: 15px;
padding-bottom: 80px;
}
.admin .table.segment {
padding: 0;
font-size: 13px;
}
.admin .table.segment:not(.striped) {
padding-top: 5px;
}
.admin .table.segment:not(.striped) thead th:last-child {
padding-right: 5px !important;
}
.admin .table.segment th {
padding-top: 5px;
padding-bottom: 5px;
}
.admin .table.segment:not(.select) th:first-of-type,
.admin .table.segment:not(.select) td:first-of-type {
padding-left: 15px !important;
}
.admin .ui.header,
.admin .ui.segment {
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
}
.admin.user .email {
max-width: 200px;
}
.admin dl.admin-dl-horizontal {
padding: 20px;
margin: 0;
}
.admin dl.admin-dl-horizontal dd {
margin-left: 240px;
}
.admin dl.admin-dl-horizontal dt {
font-weight: bolder;
float: left;
width: 250px;
clear: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.explore {
padding-top: 15px;
padding-bottom: 80px;
}
.ui.repository.list .item {
padding-bottom: 25px;
}
.ui.repository.list .item:not(:first-child) {
border-top: 1px solid #eee;
padding-top: 25px;
}
.ui.repository.list .item .ui.header {
font-size: 1.5rem;
padding-bottom: 10px;
}
.ui.repository.list .item .ui.header .name {
word-break: break-all;
}
.ui.repository.list .item .ui.header .metas {
color: #888;
font-size: 13px;
font-weight: normal;
}
.ui.repository.list .item .ui.header .metas span:not(:last-child) {
margin-right: 5px;
}
.ui.repository.list .item .time {
font-size: 12px;
color: #808080;
}