| @@ -28,9 +28,10 @@ | |||
| } | |||
| } | |||
| } | |||
| .ui.header, | |||
| .ui.segment { | |||
| box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); | |||
| box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); | |||
| } | |||
| &.user { | |||
| @@ -46,6 +47,7 @@ | |||
| dd { | |||
| margin-left: 275px; | |||
| } | |||
| dt { | |||
| font-weight: bolder; | |||
| float: left; | |||
| @@ -1,4 +1,3 @@ | |||
| @font-face { | |||
| font-family: 'Lato'; | |||
| src: url('../vendor/assets/lato-fonts/lato-regular.eot'); | |||
| @@ -80,15 +79,14 @@ | |||
| .ui.search > .results .result .title, | |||
| .ui.search > .results > .message .header, | |||
| body, | |||
| .ui.input>input, .ui.input input, | |||
| .ui.input > input, .ui.input input, | |||
| .ui.statistics .statistic > .value, | |||
| .ui.statistic > .value, | |||
| .ui.statistics .statistic > .label, | |||
| .ui.statistic > .label, | |||
| .ui.steps .step .title, | |||
| .ui.text.container, | |||
| .ui.language > .menu > .item& | |||
| { | |||
| .ui.language > .menu > .item& { | |||
| font-family: Lato, @fonts, sans-serif; | |||
| } | |||
| } | |||
| @@ -131,17 +129,22 @@ body { | |||
| img { | |||
| border-radius: 3px; | |||
| } | |||
| table { | |||
| border-collapse: collapse; | |||
| } | |||
| a { | |||
| cursor: pointer; | |||
| } | |||
| .rounded { | |||
| border-radius: .28571429rem !important; | |||
| } | |||
| pre, code { | |||
| font: 12px @monospaced-fonts, monospace; | |||
| &.raw { | |||
| padding: 7px 12px; | |||
| margin: 10px 0; | |||
| @@ -152,6 +155,7 @@ pre, code { | |||
| line-height: 1.5; | |||
| overflow: auto; | |||
| } | |||
| &.wrap { | |||
| white-space: pre-wrap; | |||
| word-break: break-all; | |||
| @@ -159,69 +163,87 @@ pre, code { | |||
| word-wrap: break-word; | |||
| } | |||
| } | |||
| .dont-break-out { | |||
| overflow-wrap: break-word; | |||
| word-wrap: break-word; | |||
| word-break: break-all; | |||
| hyphens: auto; | |||
| } | |||
| .full.height { | |||
| flex-grow: 1; | |||
| padding-bottom: 80px; | |||
| } | |||
| .following.bar { | |||
| z-index: 900; | |||
| left: 0; | |||
| margin: 0 !important; | |||
| &.light { | |||
| background-color: white; | |||
| border-bottom: 1px solid #DDDDDD; | |||
| box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04); | |||
| } | |||
| .column .menu { | |||
| margin-top: 0; | |||
| } | |||
| .top.menu a.item.brand { | |||
| padding-left: 0; | |||
| } | |||
| .brand .ui.mini.image { | |||
| width: 30px; | |||
| } | |||
| .top.menu a.item:hover, | |||
| .top.menu .dropdown.item:hover, | |||
| .top.menu .dropdown.item.active { | |||
| background-color: transparent; | |||
| } | |||
| .top.menu a.item:hover { | |||
| color: rgba(0,0,0,.45); | |||
| color: rgba(0, 0, 0, .45); | |||
| } | |||
| .top.menu .menu { | |||
| z-index: 900; | |||
| } | |||
| .octicon { | |||
| &.fitted { | |||
| margin-right: 0; | |||
| } | |||
| margin-right: .75em; | |||
| } | |||
| .searchbox { | |||
| background-color: rgb(244, 244, 244) !important; | |||
| &:focus { | |||
| background-color: rgb(233, 233, 233) !important; | |||
| } | |||
| } | |||
| .text .octicon { | |||
| width: 16px; | |||
| text-align: center; | |||
| } | |||
| #navbar { | |||
| width: 100vw; | |||
| min-height: 52px; | |||
| padding: 0 .5rem; | |||
| } | |||
| #navbar .brand { | |||
| margin: 0; | |||
| } | |||
| @media only screen and (max-width: 767px) { | |||
| #navbar:not(.shown) > *:not(:first-child) { | |||
| display: none; | |||
| @@ -243,6 +265,7 @@ pre, code { | |||
| &.left { | |||
| float: left; | |||
| } | |||
| &.right { | |||
| float: right; | |||
| } | |||
| @@ -281,9 +304,11 @@ pre, code { | |||
| /* Overide semantic selector '.ui.menu:not(.vertical) .item > .button' */ | |||
| /* This fixes the commit graph button on the commits page */ | |||
| .menu:not(.vertical) .item > .button.compact { | |||
| padding: .58928571em 1.125em; | |||
| } | |||
| .menu:not(.vertical) .item > .button.small { | |||
| font-size: .92857143rem; | |||
| } | |||
| @@ -292,60 +317,75 @@ pre, code { | |||
| margin-right: auto; | |||
| } | |||
| &.dropdown .menu>.item>.floating.label { | |||
| &.dropdown .menu > .item > .floating.label { | |||
| z-index: 11; | |||
| } | |||
| &.dropdown .menu .menu>.item>.floating.label { | |||
| &.dropdown .menu .menu > .item > .floating.label { | |||
| z-index: 21; | |||
| } | |||
| .text { | |||
| &.red { | |||
| color: #d95c5c !important; | |||
| a { | |||
| color: #d95c5c !important; | |||
| &:hover { | |||
| color: #E67777 !important; | |||
| } | |||
| } | |||
| } | |||
| &.blue { | |||
| color: #428bca !important; | |||
| a { | |||
| color: #15c !important; | |||
| &:hover { | |||
| color: #428bca !important; | |||
| } | |||
| } | |||
| } | |||
| &.black { | |||
| color: #444; | |||
| &:hover { | |||
| color: #000; | |||
| } | |||
| } | |||
| &.grey { | |||
| color: #767676 !important; | |||
| a { | |||
| color: #444 !important; | |||
| &:hover { | |||
| color: #000 !important; | |||
| } | |||
| } | |||
| } | |||
| &.light.grey { | |||
| color: #888 !important; | |||
| } | |||
| &.green { | |||
| color: #6cc644 !important; | |||
| } | |||
| &.purple { | |||
| color: #6e5494 !important; | |||
| } | |||
| &.yellow { | |||
| color: #FBBD08 !important; | |||
| } | |||
| &.gold { | |||
| color: #a1882b !important; | |||
| } | |||
| @@ -353,18 +393,23 @@ pre, code { | |||
| &.left { | |||
| text-align: left !important; | |||
| } | |||
| &.right { | |||
| text-align: right !important; | |||
| } | |||
| &.small { | |||
| font-size: 0.75em; | |||
| } | |||
| &.normal { | |||
| font-weight: normal; | |||
| } | |||
| &.bold { | |||
| font-weight: bold; | |||
| } | |||
| &.italic { | |||
| font-style: italic; | |||
| } | |||
| @@ -393,11 +438,13 @@ pre, code { | |||
| font-weight: bold; | |||
| text-align: left; | |||
| color: black; | |||
| .pull-right { | |||
| color: black; | |||
| } | |||
| &>span, .pull-right>span{ | |||
| color:#21ba45; | |||
| & > span, .pull-right > span { | |||
| color: #21ba45; | |||
| } | |||
| } | |||
| @@ -405,26 +452,33 @@ pre, code { | |||
| padding-left: 0.75rem; | |||
| vertical-align: middle; | |||
| } | |||
| .warning { | |||
| &.header { | |||
| background-color: #F9EDBE !important; | |||
| border-color: #F0C36D; | |||
| } | |||
| &.segment { | |||
| border-color: #F0C36D; | |||
| } | |||
| } | |||
| .info { | |||
| &.segment { | |||
| border: 1px solid #c5d5dd; | |||
| &.top { | |||
| background-color: #e6f1f6 !important; | |||
| h3, h4 { | |||
| margin-top: 0; | |||
| } | |||
| h3:last-child { | |||
| margin-top: 4px; | |||
| } | |||
| > :last-child { | |||
| margin-bottom: 0; | |||
| } | |||
| @@ -473,27 +527,35 @@ pre, code { | |||
| &.red { | |||
| background-color: #d95c5c !important; | |||
| } | |||
| &.blue { | |||
| background-color: #428bca !important; | |||
| } | |||
| &.black { | |||
| background-color: #444; | |||
| } | |||
| &.grey { | |||
| background-color: #767676 !important; | |||
| } | |||
| &.light.grey { | |||
| background-color: #888 !important; | |||
| } | |||
| &.green { | |||
| background-color: #6cc644 !important; | |||
| } | |||
| &.purple { | |||
| background-color: #6e5494 !important; | |||
| } | |||
| &.yellow { | |||
| background-color: #FBBD08 !important; | |||
| } | |||
| &.gold { | |||
| background-color: #a1882b !important; | |||
| } | |||
| @@ -504,9 +566,9 @@ pre, code { | |||
| } | |||
| &.pagination.menu { | |||
| @media only screen and (max-width:767px) { | |||
| @media only screen and (max-width: 767px) { | |||
| .item:not(.active):not(.navigation), | |||
| .item.navigation span.navigation_label{ | |||
| .item.navigation span.navigation_label { | |||
| display: none; | |||
| } | |||
| } | |||
| @@ -515,14 +577,14 @@ pre, code { | |||
| .file-comment { | |||
| font: 12px @monospaced-fonts, monospace; | |||
| color: rgba(0,0,0,.87); | |||
| color: rgba(0, 0, 0, .87); | |||
| } | |||
| .ui.floating.dropdown { | |||
| .overflow.menu { | |||
| .scrolling.menu.items { | |||
| border-radius: 0px !important; | |||
| border-radius: 0 !important; | |||
| box-shadow: none !important; | |||
| border-bottom: 1px solid rgba(34, 36, 38, 0.15); | |||
| } | |||
| @@ -546,18 +608,22 @@ footer { | |||
| width: 100%; | |||
| flex-basis: 40px; | |||
| color: #888888; | |||
| .container { | |||
| width: 100vw !important; | |||
| padding: 0 .5rem; | |||
| .fa { | |||
| width: 16px; | |||
| text-align: center; | |||
| color: #428bca; | |||
| } | |||
| .links >* { | |||
| .links > * { | |||
| border-left: 1px solid #d6d6d6; | |||
| padding-left: 8px; | |||
| margin-left: 5px; | |||
| &:first-child { | |||
| border-left: none; | |||
| } | |||
| @@ -579,13 +645,16 @@ footer { | |||
| .hide { | |||
| display: none; | |||
| &.show-outdated { | |||
| display: none !important; | |||
| } | |||
| &.hide-outdated { | |||
| display: none !important; | |||
| } | |||
| } | |||
| .center { | |||
| text-align: center; | |||
| } | |||
| @@ -602,14 +671,16 @@ footer { | |||
| // Conditional display | |||
| @media only screen and (min-width: 768px) { | |||
| .mobile-only, .ui.button.mobile-only { | |||
| display: none; | |||
| display: none; | |||
| } | |||
| // has the same behaviour of sr-only, hiding the content for | |||
| // non-screenreaders, but is shown on mobile devices. | |||
| .sr-mobile-only { | |||
| .sr-only(); | |||
| } | |||
| } | |||
| @media only screen and (max-width: 767px) { | |||
| .not-mobile { | |||
| display: none; | |||
| @@ -627,6 +698,7 @@ footer { | |||
| clip: rect(0, 0, 0, 0); | |||
| border: 0; | |||
| } | |||
| .sr-only-focusable:active, | |||
| .sr-only-focusable:focus { | |||
| position: static; | |||
| @@ -664,19 +736,24 @@ footer { | |||
| justify-content: left !important; | |||
| padding-bottom: 5px; | |||
| } | |||
| .ui.menu.new-menu::-webkit-scrollbar { | |||
| height: 8px; | |||
| display: none; | |||
| } | |||
| .ui.menu.new-menu:hover::-webkit-scrollbar { | |||
| display: block; | |||
| } | |||
| .ui.menu.new-menu::-webkit-scrollbar-track { | |||
| background: rgba(0,0,0,0.01); | |||
| background: rgba(0, 0, 0, 0.01); | |||
| } | |||
| .ui.menu.new-menu::-webkit-scrollbar-thumb { | |||
| background:rgba(0,0,0,0.2); | |||
| background: rgba(0, 0, 0, 0.2); | |||
| } | |||
| .ui.menu.new-menu:after { | |||
| position: absolute; | |||
| margin-top: -15px; | |||
| @@ -690,6 +767,7 @@ footer { | |||
| clear: none; | |||
| visibility: visible; | |||
| } | |||
| .ui.menu.new-menu a.item:last-child { | |||
| padding-right: 30px !important; | |||
| } | |||
| @@ -749,11 +827,7 @@ footer { | |||
| background-color: #2f6b1b; | |||
| } | |||
| .archived-icon{ | |||
| color: lighten(#000, 70%) !important; | |||
| } | |||
| .archived-icon{ | |||
| .archived-icon { | |||
| color: lighten(#000, 70%) !important; | |||
| } | |||
| @@ -763,11 +837,13 @@ footer { | |||
| /* Tab color tweaks */ | |||
| .ui.tabular.menu .item { | |||
| color: rgba(0,0,0,.5); | |||
| color: rgba(0, 0, 0, .5); | |||
| } | |||
| .ui.tabular.menu .item:hover { | |||
| color: rgba(0,0,0,.8); | |||
| color: rgba(0, 0, 0, .8); | |||
| } | |||
| .ui.tabular.menu .item.active { | |||
| color: rgba(0,0,0,.9); | |||
| color: rgba(0, 0, 0, .9); | |||
| } | |||
| @@ -6,21 +6,26 @@ | |||
| .context.user.menu { | |||
| z-index: 101; | |||
| min-width: 200px; | |||
| .ui.header { | |||
| font-size: 1rem; | |||
| text-transform: none; | |||
| } | |||
| } | |||
| .filter.menu { | |||
| .item { | |||
| text-align: left; | |||
| .text { | |||
| height: 16px; | |||
| vertical-align: middle; | |||
| &.truncate { | |||
| width: 85%; | |||
| } | |||
| } | |||
| .floating.label { | |||
| top: 7px; | |||
| left: 90%; | |||
| @@ -35,28 +40,31 @@ | |||
| } | |||
| } | |||
| // Sort | |||
| .jump.item { | |||
| margin: 1px; | |||
| padding-right: 0; | |||
| } | |||
| .menu { | |||
| max-height: 300px; | |||
| overflow-x: auto; | |||
| right: 0!important; | |||
| left: auto!important; | |||
| } | |||
| @media only screen and (max-width: 768px) { | |||
| width: 100%; | |||
| } | |||
| } | |||
| .right.stackable.menu > .item.active { | |||
| color: #d9453d; | |||
| } | |||
| // Sort | |||
| .jump.item { | |||
| margin: 1px; | |||
| padding-right: 0; | |||
| } | |||
| .menu { | |||
| max-height: 300px; | |||
| overflow-x: auto; | |||
| right: 0 !important; | |||
| left: auto !important; | |||
| } | |||
| @media only screen and (max-width: 768px) { | |||
| width: 100%; | |||
| } | |||
| } | |||
| .right.stackable.menu > .item.active { | |||
| color: #d9453d; | |||
| } | |||
| } | |||
| /* Accomodate for Semantic's 1px hacks on .attached elements */ | |||
| .dashboard-repos { | |||
| margin: 0 1px; | |||
| } | |||
| @@ -73,15 +81,19 @@ | |||
| margin-left: auto; | |||
| margin-right: auto; | |||
| } | |||
| .ui.avatar { | |||
| margin-top: 13px; | |||
| } | |||
| .time-since { | |||
| font-size: 13px; | |||
| } | |||
| .issue.title { | |||
| width: 80%; | |||
| } | |||
| .push.news .content ul { | |||
| font-size: 13px; | |||
| list-style: none; | |||
| @@ -90,14 +102,17 @@ | |||
| img { | |||
| margin-bottom: -2px; | |||
| } | |||
| .text.truncate { | |||
| width: 80%; | |||
| margin-bottom: -5px; | |||
| } | |||
| } | |||
| .commit-id { | |||
| font-family: @monospaced-fonts, monospace; | |||
| } | |||
| code { | |||
| padding: 1px; | |||
| font-size: 85%; | |||
| @@ -119,6 +134,7 @@ | |||
| margin-top: 5px; | |||
| } | |||
| } | |||
| ul { | |||
| list-style: none; | |||
| margin: 0; | |||
| @@ -141,9 +157,10 @@ | |||
| color: #888; | |||
| &.rear { | |||
| font-size: 15px; | |||
| font-size: 15px; | |||
| } | |||
| } | |||
| .star-num { | |||
| font-size: 12px; | |||
| } | |||
| @@ -154,18 +171,19 @@ | |||
| .repo-owner-name-list { | |||
| .item-name { | |||
| max-width: 70%; | |||
| margin-bottom: -4px; | |||
| margin-bottom: -4px; | |||
| } | |||
| } | |||
| #collaborative-repo-list { | |||
| .owner-and-repo { | |||
| max-width: 80%; | |||
| margin-bottom: -5px; | |||
| margin-bottom: -5px; | |||
| } | |||
| .owner-name { | |||
| max-width: 120px; | |||
| margin-bottom: -5px; | |||
| margin-bottom: -5px; | |||
| } | |||
| } | |||
| } | |||
| @@ -1,19 +1,24 @@ | |||
| .CodeMirror { | |||
| font: 14px @monospaced-fonts, monospace; | |||
| &.cm-s-default { | |||
| border-radius: 3px; | |||
| padding: 0 !important; | |||
| border-radius: 3px; | |||
| padding: 0 !important; | |||
| } | |||
| .cm-comment { | |||
| background: inherit !important; | |||
| } | |||
| } | |||
| .repository.file.editor .tab[data-tab="write"] { | |||
| padding: 0 !important; | |||
| } | |||
| .repository.file.editor .tab[data-tab="write"] .editor-toolbar { | |||
| border: none !important; | |||
| } | |||
| .repository.file.editor .tab[data-tab="write"] .CodeMirror { | |||
| border-left: none; | |||
| border-right: none; | |||
| @@ -9,12 +9,12 @@ | |||
| background-color: #FAFAFA !important; | |||
| border-width: 1px !important; | |||
| .octicon { | |||
| width: 16px; | |||
| text-align: center; | |||
| margin-right: 5px; | |||
| } | |||
| } | |||
| .octicon { | |||
| width: 16px; | |||
| text-align: center; | |||
| margin-right: 5px; | |||
| } | |||
| } | |||
| } | |||
| .ui.repository.list { | |||
| @@ -38,23 +38,26 @@ | |||
| color: #888; | |||
| font-size: 14px; | |||
| font-weight: normal; | |||
| span:not(:last-child) { | |||
| margin-right: 5px; | |||
| } | |||
| } | |||
| } | |||
| .time { | |||
| font-size: 12px; | |||
| color: #808080; | |||
| } | |||
| .ui.tags { | |||
| margin-bottom: 1em; | |||
| } | |||
| } | |||
| } | |||
| .ui.repository.branches { | |||
| .time{ | |||
| .ui.repository.branches { | |||
| .time { | |||
| font-size: 12px; | |||
| color: #808080; | |||
| } | |||
| @@ -83,6 +86,7 @@ | |||
| a { | |||
| color: #333; | |||
| &:hover { | |||
| text-decoration: underline; | |||
| } | |||
| @@ -6,10 +6,13 @@ | |||
| display: inline-block; | |||
| } | |||
| } | |||
| .ui.attached.header { | |||
| background: #f0f0f0; | |||
| .right { | |||
| margin-top: -5px; | |||
| .button { | |||
| padding: 8px 10px; | |||
| font-weight: normal; | |||
| @@ -19,64 +22,76 @@ | |||
| @create-page-form-input-padding: 250px !important; | |||
| #create-page-form { | |||
| form { | |||
| margin: auto; | |||
| .ui.message { | |||
| text-align: center; | |||
| } | |||
| @media only screen and (min-width: 768px) { | |||
| width: 800px!important; | |||
| .header { | |||
| padding-left: @create-page-form-input-padding+30px; | |||
| } | |||
| .inline.field > label { | |||
| text-align: right; | |||
| width: @create-page-form-input-padding; | |||
| word-wrap: break-word; | |||
| } | |||
| .help { | |||
| margin-left: @create-page-form-input-padding+15px; | |||
| } | |||
| .optional .title { | |||
| margin-left: @create-page-form-input-padding; | |||
| } | |||
| input, | |||
| textarea { | |||
| width: 50%!important; | |||
| } | |||
| } | |||
| @media only screen and (max-width: 767px) { | |||
| .optional .title { | |||
| margin-left: 15px; | |||
| } | |||
| .inline.field > label { | |||
| display: block; | |||
| } | |||
| } | |||
| } | |||
| form { | |||
| margin: auto; | |||
| .ui.message { | |||
| text-align: center; | |||
| } | |||
| @media only screen and (min-width: 768px) { | |||
| width: 800px !important; | |||
| .header { | |||
| padding-left: @create-page-form-input-padding+30px; | |||
| } | |||
| .inline.field > label { | |||
| text-align: right; | |||
| width: @create-page-form-input-padding; | |||
| word-wrap: break-word; | |||
| } | |||
| .help { | |||
| margin-left: @create-page-form-input-padding+15px; | |||
| } | |||
| .optional .title { | |||
| margin-left: @create-page-form-input-padding; | |||
| } | |||
| input, | |||
| textarea { | |||
| width: 50% !important; | |||
| } | |||
| } | |||
| @media only screen and (max-width: 767px) { | |||
| .optional .title { | |||
| margin-left: 15px; | |||
| } | |||
| .inline.field > label { | |||
| display: block; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| .signin { | |||
| .oauth2{ | |||
| .oauth2 { | |||
| div { | |||
| display: inline-block; | |||
| display: inline-block; | |||
| p { | |||
| margin: 10px 5px 0 0; | |||
| float: left; | |||
| margin: 10px 5px 0 0; | |||
| float: left; | |||
| } | |||
| } | |||
| a { | |||
| margin-right: 3px; | |||
| margin-right: 3px; | |||
| &:last-child { | |||
| margin-right: 0px; | |||
| margin-right: 0; | |||
| } | |||
| } | |||
| img { | |||
| width: 32px; | |||
| height: 32px; | |||
| &.openidConnect { | |||
| width: auto; | |||
| } | |||
| width: 32px; | |||
| height: 32px; | |||
| &.openidConnect { | |||
| width: auto; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| @@ -88,10 +103,11 @@ | |||
| padding-left: 30px; | |||
| } | |||
| } | |||
| @media screen and (max-height: 575px){ | |||
| @media screen and (max-height: 575px) { | |||
| #rc-imageselect, .g-recaptcha { | |||
| transform:scale(0.77); | |||
| transform-origin:0 0; | |||
| transform: scale(0.77); | |||
| transform-origin: 0 0; | |||
| } | |||
| } | |||
| @@ -102,12 +118,15 @@ | |||
| .user.signup { | |||
| @input-padding: 200px; | |||
| #create-page-form; | |||
| form { | |||
| width: 700px!important; | |||
| width: 700px !important; | |||
| .header { | |||
| padding-left: 0 !important; | |||
| text-align: center; | |||
| } | |||
| .inline.field > label { | |||
| width: @input-padding; | |||
| } | |||
| @@ -125,19 +144,23 @@ | |||
| &.new.migrate, | |||
| &.new.fork { | |||
| #create-page-form; | |||
| form { | |||
| .dropdown { | |||
| .dropdown.icon { | |||
| margin-top: -7px!important; | |||
| margin-top: -7px !important; | |||
| padding-bottom: 5px; | |||
| } | |||
| .text { | |||
| margin-right: 0!important; | |||
| margin-right: 0 !important; | |||
| i { | |||
| margin-right: 0!important; | |||
| margin-right: 0 !important; | |||
| } | |||
| } | |||
| } | |||
| .header { | |||
| padding-left: 0 !important; | |||
| text-align: center; | |||
| @@ -156,23 +179,23 @@ | |||
| } | |||
| } | |||
| &.new.repo { | |||
| .ui.form { | |||
| @media only screen and (min-width: 768px) { | |||
| #auto-init { | |||
| margin-left: @create-page-form-input-padding+15px; | |||
| } | |||
| } | |||
| .selection.dropdown:not(.owner) { | |||
| width: 50%!important; | |||
| @media only screen and (max-width: 768px) { | |||
| width: 100% !important; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| &.new.repo { | |||
| .ui.form { | |||
| @media only screen and (min-width: 768px) { | |||
| #auto-init { | |||
| margin-left: @create-page-form-input-padding+15px; | |||
| } | |||
| } | |||
| .selection.dropdown:not(.owner) { | |||
| width: 50% !important; | |||
| @media only screen and (max-width: 768px) { | |||
| width: 100% !important; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| .new.webhook { | |||
| @@ -198,14 +221,14 @@ | |||
| } | |||
| .new.org .ui.form { | |||
| @media only screen and (max-width: 768px) { | |||
| .field button, .field a{ | |||
| margin-bottom: 1em; | |||
| width: 100%; | |||
| } | |||
| .field input { | |||
| width: 100% !important; | |||
| } | |||
| } | |||
| @media only screen and (max-width: 768px) { | |||
| .field button, .field a { | |||
| margin-bottom: 1em; | |||
| width: 100%; | |||
| } | |||
| .field input { | |||
| width: 100% !important; | |||
| } | |||
| } | |||
| } | |||
| @@ -1,42 +1,50 @@ | |||
| .home { | |||
| .logo { | |||
| max-width: 220px; | |||
| } | |||
| .hero { | |||
| @media only screen and (max-width: 767px) { | |||
| h1 { | |||
| font-size: 3.5em; | |||
| } | |||
| h2 { | |||
| font-size: 2em; | |||
| } | |||
| } | |||
| @media only screen and (min-width: 768px) { | |||
| h1 { | |||
| font-size: 5.5em; | |||
| } | |||
| h2 { | |||
| font-size: 3em; | |||
| } | |||
| } | |||
| .octicon { | |||
| color: #5aa509; | |||
| font-size: 40px; | |||
| width: 50px; | |||
| } | |||
| &.header { | |||
| font-size: 20px; | |||
| } | |||
| } | |||
| p.large { | |||
| font-size: 16px | |||
| } | |||
| .stackable { | |||
| padding-top: 30px; | |||
| } | |||
| a { | |||
| color: #5aa509; | |||
| } | |||
| .logo { | |||
| max-width: 220px; | |||
| } | |||
| .hero { | |||
| @media only screen and (max-width: 767px) { | |||
| h1 { | |||
| font-size: 3.5em; | |||
| } | |||
| h2 { | |||
| font-size: 2em; | |||
| } | |||
| } | |||
| @media only screen and (min-width: 768px) { | |||
| h1 { | |||
| font-size: 5.5em; | |||
| } | |||
| h2 { | |||
| font-size: 3em; | |||
| } | |||
| } | |||
| .octicon { | |||
| color: #5aa509; | |||
| font-size: 40px; | |||
| width: 50px; | |||
| } | |||
| &.header { | |||
| font-size: 20px; | |||
| } | |||
| } | |||
| p.large { | |||
| font-size: 16px | |||
| } | |||
| .stackable { | |||
| padding-top: 30px; | |||
| } | |||
| a { | |||
| color: #5aa509; | |||
| } | |||
| } | |||
| .signup { | |||
| @@ -44,11 +52,11 @@ | |||
| } | |||
| footer { | |||
| .ui.container .left, .ui.container .right { | |||
| @media only screen and (max-width: 880px) { | |||
| display: block; | |||
| text-align: center; | |||
| float: none; | |||
| } | |||
| } | |||
| .ui.container .left, .ui.container .right { | |||
| @media only screen and (max-width: 880px) { | |||
| display: block; | |||
| text-align: center; | |||
| float: none; | |||
| } | |||
| } | |||
| } | |||
| @@ -1,27 +1,35 @@ | |||
| .install { | |||
| padding-top: 45px; | |||
| form { | |||
| @input-padding: 320px !important; | |||
| label { | |||
| text-align: right; | |||
| width: @input-padding; | |||
| } | |||
| input { | |||
| width: 35% !important; | |||
| } | |||
| .field { | |||
| text-align: left; | |||
| .help { | |||
| margin-left: @input-padding+15px; | |||
| } | |||
| &.optional .title { | |||
| margin-left: 38%; | |||
| } | |||
| } | |||
| } | |||
| .ui { | |||
| .checkbox { | |||
| margin-left: 40% !important; | |||
| label { | |||
| width: auto !important; | |||
| } | |||
| @@ -12,11 +12,11 @@ | |||
| padding: 2em 2em 2em !important; | |||
| } | |||
| >*:first-child { | |||
| > *:first-child { | |||
| margin-top: 0 !important; | |||
| } | |||
| >*:last-child { | |||
| > *:last-child { | |||
| margin-bottom: 0 !important; | |||
| } | |||
| @@ -66,9 +66,9 @@ | |||
| h4 .octicon-link, | |||
| h5 .octicon-link, | |||
| h6 .octicon-link { | |||
| display:none; | |||
| color:#000; | |||
| vertical-align:middle; | |||
| display: none; | |||
| color: #000; | |||
| vertical-align: middle; | |||
| } | |||
| h1:hover .anchor, | |||
| @@ -77,9 +77,9 @@ | |||
| h4:hover .anchor, | |||
| h5:hover .anchor, | |||
| h6:hover .anchor { | |||
| padding-left:8px; | |||
| margin-left:-30px; | |||
| text-decoration:none; | |||
| padding-left: 8px; | |||
| margin-left: -30px; | |||
| text-decoration: none; | |||
| } | |||
| h1:hover .anchor .octicon-link, | |||
| @@ -88,7 +88,7 @@ | |||
| h4:hover .anchor .octicon-link, | |||
| h5:hover .anchor .octicon-link, | |||
| h6:hover .anchor .octicon-link { | |||
| display:inline-block; | |||
| display: inline-block; | |||
| } | |||
| h1 tt, | |||
| @@ -103,62 +103,63 @@ | |||
| h5 code, | |||
| h6 tt, | |||
| h6 code { | |||
| font-size:inherit; | |||
| font-size: inherit; | |||
| } | |||
| h1 { | |||
| padding-bottom:0.3em; | |||
| font-size:2.25em; | |||
| line-height:1.2; | |||
| border-bottom:1px solid #eee; | |||
| padding-bottom: 0.3em; | |||
| font-size: 2.25em; | |||
| line-height: 1.2; | |||
| border-bottom: 1px solid #eee; | |||
| } | |||
| h1 .anchor { | |||
| line-height:1; | |||
| line-height: 1; | |||
| } | |||
| h2 { | |||
| padding-bottom:0.3em; | |||
| font-size:1.75em; | |||
| line-height:1.225; | |||
| border-bottom:1px solid #eee; | |||
| padding-bottom: 0.3em; | |||
| font-size: 1.75em; | |||
| line-height: 1.225; | |||
| border-bottom: 1px solid #eee; | |||
| } | |||
| h2 .anchor { | |||
| line-height:1; | |||
| line-height: 1; | |||
| } | |||
| h3 { | |||
| font-size:1.5em; | |||
| line-height:1.43; | |||
| font-size: 1.5em; | |||
| line-height: 1.43; | |||
| } | |||
| h3 .anchor { | |||
| line-height:1.2; | |||
| line-height: 1.2; | |||
| } | |||
| h4 { | |||
| font-size:1.25em; | |||
| font-size: 1.25em; | |||
| } | |||
| h4 .anchor { | |||
| line-height:1.2; | |||
| line-height: 1.2; | |||
| } | |||
| h5 { | |||
| font-size:1em; | |||
| font-size: 1em; | |||
| } | |||
| h5 .anchor { | |||
| line-height:1.1; | |||
| line-height: 1.1; | |||
| } | |||
| h6 { | |||
| font-size:1em;color:#777; | |||
| font-size: 1em; | |||
| color: #777; | |||
| } | |||
| h6 .anchor { | |||
| line-height:1.1; | |||
| line-height: 1.1; | |||
| } | |||
| p, | |||
| @@ -171,35 +172,36 @@ | |||
| margin-top: 0; | |||
| margin-bottom: 16px; | |||
| } | |||
| blockquote { | |||
| margin-left: 0; | |||
| } | |||
| hr { | |||
| height:4px; | |||
| padding:0; | |||
| margin:16px 0; | |||
| background-color:#e7e7e7; | |||
| border:0 none; | |||
| height: 4px; | |||
| padding: 0; | |||
| margin: 16px 0; | |||
| background-color: #e7e7e7; | |||
| border: 0 none; | |||
| } | |||
| ul, | |||
| ol { | |||
| padding-left:2em; | |||
| padding-left: 2em; | |||
| } | |||
| ul.no-list, | |||
| ol.no-list { | |||
| padding:0; | |||
| list-style-type:none; | |||
| padding: 0; | |||
| list-style-type: none; | |||
| } | |||
| ul ul, | |||
| ul ol, | |||
| ol ol, | |||
| ol ul { | |||
| margin-top:0; | |||
| margin-bottom:0; | |||
| margin-top: 0; | |||
| margin-bottom: 0; | |||
| } | |||
| ol ol, | |||
| @@ -207,51 +209,51 @@ | |||
| list-style-type: lower-roman; | |||
| } | |||
| li>p { | |||
| margin-top:0; | |||
| li > p { | |||
| margin-top: 0; | |||
| } | |||
| dl { | |||
| padding:0; | |||
| padding: 0; | |||
| } | |||
| dl dt { | |||
| padding:0; | |||
| margin-top:16px; | |||
| font-size:1em; | |||
| font-style:italic; | |||
| font-weight:bold; | |||
| padding: 0; | |||
| margin-top: 16px; | |||
| font-size: 1em; | |||
| font-style: italic; | |||
| font-weight: bold; | |||
| } | |||
| dl dd { | |||
| padding:0 16px; | |||
| margin-bottom:16px; | |||
| padding: 0 16px; | |||
| margin-bottom: 16px; | |||
| } | |||
| blockquote { | |||
| padding:0 15px; | |||
| color:#777; | |||
| border-left:4px solid #ddd; | |||
| padding: 0 15px; | |||
| color: #777; | |||
| border-left: 4px solid #ddd; | |||
| } | |||
| blockquote>:first-child { | |||
| margin-top:0; | |||
| blockquote > :first-child { | |||
| margin-top: 0; | |||
| } | |||
| blockquote>:last-child { | |||
| margin-bottom:0; | |||
| blockquote > :last-child { | |||
| margin-bottom: 0; | |||
| } | |||
| table { | |||
| width:auto; | |||
| overflow:auto; | |||
| word-break:normal; | |||
| word-break:keep-all; | |||
| display:block; | |||
| width: auto; | |||
| overflow: auto; | |||
| word-break: normal; | |||
| word-break: keep-all; | |||
| display: block; | |||
| } | |||
| table th { | |||
| font-weight:bold; | |||
| font-weight: bold; | |||
| } | |||
| table th, | |||
| @@ -261,204 +263,202 @@ | |||
| } | |||
| table tr { | |||
| background-color:#fff; | |||
| border-top:1px solid #ccc; | |||
| background-color: #fff; | |||
| border-top: 1px solid #ccc; | |||
| } | |||
| table tr:nth-child(2n) { | |||
| background-color:#f8f8f8; | |||
| background-color: #f8f8f8; | |||
| } | |||
| img { | |||
| max-width:100%; | |||
| box-sizing:border-box; | |||
| max-width: 100%; | |||
| box-sizing: border-box; | |||
| } | |||
| .emoji { | |||
| max-width:none; | |||
| max-width: none; | |||
| } | |||
| span.frame { | |||
| display:block; | |||
| overflow:hidden; | |||
| display: block; | |||
| overflow: hidden; | |||
| } | |||
| span.frame>span { | |||
| display:block; | |||
| float:left; | |||
| width:auto; | |||
| padding:7px; | |||
| margin:13px 0 0; | |||
| overflow:hidden; | |||
| border:1px solid #ddd; | |||
| span.frame > span { | |||
| display: block; | |||
| float: left; | |||
| width: auto; | |||
| padding: 7px; | |||
| margin: 13px 0 0; | |||
| overflow: hidden; | |||
| border: 1px solid #ddd; | |||
| } | |||
| span.frame span img { | |||
| display:block; | |||
| float:left; | |||
| display: block; | |||
| float: left; | |||
| } | |||
| span.frame span span { | |||
| display:block; | |||
| padding:5px 0 0; | |||
| clear:both; | |||
| color:#333; | |||
| display: block; | |||
| padding: 5px 0 0; | |||
| clear: both; | |||
| color: #333; | |||
| } | |||
| span.align-center { | |||
| display:block; | |||
| overflow:hidden; | |||
| clear:both; | |||
| display: block; | |||
| overflow: hidden; | |||
| clear: both; | |||
| } | |||
| span.align-center>span { | |||
| display:block; | |||
| margin:13px auto 0; | |||
| overflow:hidden; | |||
| text-align:center; | |||
| span.align-center > span { | |||
| display: block; | |||
| margin: 13px auto 0; | |||
| overflow: hidden; | |||
| text-align: center; | |||
| } | |||
| span.align-center span img { | |||
| margin:0 auto; | |||
| text-align:center; | |||
| margin: 0 auto; | |||
| text-align: center; | |||
| } | |||
| span.align-right { | |||
| display:block; | |||
| overflow:hidden; | |||
| clear:both; | |||
| display: block; | |||
| overflow: hidden; | |||
| clear: both; | |||
| } | |||
| span.align-right>span { | |||
| display:block; | |||
| margin:13px 0 0; | |||
| overflow:hidden; | |||
| text-align:right; | |||
| span.align-right > span { | |||
| display: block; | |||
| margin: 13px 0 0; | |||
| overflow: hidden; | |||
| text-align: right; | |||
| } | |||
| span.align-right span img { | |||
| margin:0; | |||
| text-align:right; | |||
| margin: 0; | |||
| text-align: right; | |||
| } | |||
| span.float-left { | |||
| display:block; | |||
| float:left; | |||
| margin-right:13px; | |||
| overflow:hidden; | |||
| display: block; | |||
| float: left; | |||
| margin-right: 13px; | |||
| overflow: hidden; | |||
| } | |||
| span.float-left span { | |||
| margin:13px 0 0; | |||
| margin: 13px 0 0; | |||
| } | |||
| span.float-right { | |||
| display:block; | |||
| float:right; | |||
| margin-left:13px; | |||
| overflow:hidden; | |||
| display: block; | |||
| float: right; | |||
| margin-left: 13px; | |||
| overflow: hidden; | |||
| } | |||
| span.float-right>span { | |||
| display:block; | |||
| margin:13px auto 0; | |||
| overflow:hidden; | |||
| text-align:right; | |||
| span.float-right > span { | |||
| display: block; | |||
| margin: 13px auto 0; | |||
| overflow: hidden; | |||
| text-align: right; | |||
| } | |||
| code, | |||
| 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; | |||
| padding: 0.2em 0; | |||
| margin: 0; | |||
| font-size: 85%; | |||
| background-color: rgba(0, 0, 0, 0.04); | |||
| border-radius: 3px; | |||
| } | |||
| code:before, | |||
| code:after, | |||
| tt:before, | |||
| tt:after { | |||
| letter-spacing:-0.2em; | |||
| content:"\00a0"; | |||
| letter-spacing: -0.2em; | |||
| content: "\00a0"; | |||
| } | |||
| code br, | |||
| tt br { | |||
| display:none; | |||
| display: none; | |||
| } | |||
| del code { | |||
| text-decoration:inherit; | |||
| text-decoration: inherit; | |||
| } | |||
| pre>code { | |||
| padding:0; | |||
| margin:0; | |||
| font-size:100%; | |||
| word-break:normal; | |||
| white-space:pre; | |||
| background:transparent; | |||
| border:0; | |||
| pre > code { | |||
| padding: 0; | |||
| margin: 0; | |||
| font-size: 100%; | |||
| word-break: normal; | |||
| white-space: pre; | |||
| background: transparent; | |||
| border: 0; | |||
| } | |||
| .highlight { | |||
| margin-bottom:16px; | |||
| margin-bottom: 16px; | |||
| } | |||
| .highlight pre, | |||
| pre { | |||
| padding:16px; | |||
| overflow:auto; | |||
| font-size:85%; | |||
| line-height:1.45; | |||
| background-color:#f7f7f7; | |||
| border-radius:3px; | |||
| padding: 16px; | |||
| overflow: auto; | |||
| font-size: 85%; | |||
| line-height: 1.45; | |||
| background-color: #f7f7f7; | |||
| border-radius: 3px; | |||
| } | |||
| .highlight pre { | |||
| margin-bottom:0; | |||
| word-break:normal; | |||
| margin-bottom: 0; | |||
| word-break: normal; | |||
| } | |||
| pre { | |||
| word-wrap:normal; | |||
| word-wrap: normal; | |||
| } | |||
| pre code, | |||
| pre tt { | |||
| display:inline; | |||
| max-width:initial; | |||
| padding:0; | |||
| margin:0; | |||
| overflow:initial; | |||
| line-height:inherit; | |||
| word-wrap:normal; | |||
| background-color:transparent; | |||
| border:0; | |||
| display: inline; | |||
| max-width: initial; | |||
| padding: 0; | |||
| margin: 0; | |||
| overflow: initial; | |||
| line-height: inherit; | |||
| word-wrap: normal; | |||
| background-color: transparent; | |||
| border: 0; | |||
| } | |||
| pre code:before, | |||
| pre code:after, | |||
| pre tt:before, | |||
| pre tt:after { | |||
| content:normal; | |||
| content: normal; | |||
| } | |||
| 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; | |||
| 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; | |||
| } | |||
| input[type="checkbox"] { | |||
| @@ -467,27 +467,29 @@ | |||
| .csv-data td, | |||
| .csv-data th { | |||
| padding:5px; | |||
| overflow:hidden; | |||
| font-size:12px; | |||
| line-height:1; | |||
| text-align:left; | |||
| white-space:nowrap; | |||
| padding: 5px; | |||
| overflow: hidden; | |||
| font-size: 12px; | |||
| line-height: 1; | |||
| text-align: left; | |||
| white-space: nowrap; | |||
| } | |||
| .csv-data .blob-num { | |||
| padding:10px 8px 9px; | |||
| text-align:right; | |||
| background:#fff;border:0; | |||
| padding: 10px 8px 9px; | |||
| text-align: right; | |||
| background: #fff; | |||
| border: 0; | |||
| } | |||
| .csv-data tr { | |||
| border-top:0; | |||
| border-top: 0; | |||
| } | |||
| .csv-data th { | |||
| font-weight:bold; | |||
| background:#f8f8f8;border-top:0; | |||
| font-weight: bold; | |||
| background: #f8f8f8; | |||
| border-top: 0; | |||
| } | |||
| .ui.list .list, ol.ui.list ol, ul.ui.list ul { | |||
| @@ -8,6 +8,7 @@ | |||
| font-size: 1.6rem; | |||
| margin-left: 15px; | |||
| } | |||
| .ui.right { | |||
| margin-top: 5px; | |||
| } | |||
| @@ -16,6 +17,7 @@ | |||
| &.new.org { | |||
| #create-page-form; | |||
| form { | |||
| .header { | |||
| padding-left: 0 !important; | |||
| @@ -42,10 +44,12 @@ | |||
| font-size: 36px; | |||
| margin-bottom: 0; | |||
| } | |||
| .desc { | |||
| font-size: 16px; | |||
| margin-bottom: 10px; | |||
| } | |||
| .meta { | |||
| .item { | |||
| display: inline-block; | |||
| @@ -84,8 +88,7 @@ | |||
| &.invite { | |||
| #invite-box { | |||
| margin: auto; | |||
| margin-top: 50px; | |||
| margin: 50px auto auto; | |||
| width: 500px !important; | |||
| #search-user-box { | |||
| @@ -94,6 +97,7 @@ | |||
| width: 300px; | |||
| } | |||
| } | |||
| .ui.button { | |||
| margin-left: 5px; | |||
| margin-top: -3px; | |||
| @@ -112,6 +116,7 @@ | |||
| width: 48px; | |||
| height: 48px; | |||
| } | |||
| .meta { | |||
| line-height: 24px; | |||
| } | |||
| @@ -89,7 +89,7 @@ | |||
| } | |||
| .item { | |||
| padding: 0px; | |||
| padding: 0; | |||
| } | |||
| .label.color { | |||
| @@ -181,7 +181,7 @@ | |||
| .ui.tabs { | |||
| &.container { | |||
| margin-top: 14px; | |||
| margin-bottom: 0px; | |||
| margin-bottom: 0; | |||
| .ui.menu { | |||
| border-bottom: none; | |||
| @@ -524,7 +524,7 @@ | |||
| input { | |||
| vertical-align: middle; | |||
| box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 2px inset; | |||
| box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 2px inset; | |||
| width: inherit; | |||
| padding: 7px 8px; | |||
| margin-right: 5px; | |||
| @@ -696,8 +696,7 @@ | |||
| &.tab.segment { | |||
| border: none; | |||
| padding: 0; | |||
| padding-top: 10px; | |||
| padding: 10px 0 0; | |||
| box-shadow: none; | |||
| background-color: inherit; | |||
| } | |||
| @@ -791,7 +790,7 @@ | |||
| .content { | |||
| margin-left: 4em; | |||
| >.header { | |||
| > .header { | |||
| #avatar-arrow; | |||
| font-weight: normal; | |||
| padding: auto 15px; | |||
| @@ -818,7 +817,7 @@ | |||
| font-style: italic; | |||
| } | |||
| >.bottom.segment { | |||
| > .bottom.segment { | |||
| background: #f3f4f5; | |||
| .ui.images::after { | |||
| @@ -871,8 +870,7 @@ | |||
| .tab.segment { | |||
| border: none; | |||
| padding: 0; | |||
| padding-top: 10px; | |||
| padding: 10px 0 0; | |||
| } | |||
| textarea { | |||
| @@ -926,7 +924,7 @@ | |||
| &.octicon-eye { | |||
| margin-top: 3px; | |||
| margin-left: -35px; | |||
| margin-right: 0px; | |||
| margin-right: 0; | |||
| font-size: 22px; | |||
| } | |||
| @@ -991,8 +989,7 @@ | |||
| .tab.segment { | |||
| border: none; | |||
| padding: 0; | |||
| padding-top: 10px; | |||
| padding: 10px 0 0; | |||
| } | |||
| textarea { | |||
| @@ -1036,12 +1033,12 @@ | |||
| list-style: none; | |||
| padding-top: 15px; | |||
| >.item { | |||
| > .item { | |||
| padding-top: 10px; | |||
| padding-bottom: 10px; | |||
| border-bottom: 1px dashed #AAA; | |||
| >a { | |||
| > a { | |||
| padding-top: 5px; | |||
| padding-right: 10px; | |||
| color: #000; | |||
| @@ -1078,7 +1075,7 @@ | |||
| .operate { | |||
| margin-top: -15px; | |||
| >a { | |||
| > a { | |||
| font-size: 15px; | |||
| padding-top: 5px; | |||
| padding-right: 10px; | |||
| @@ -1234,7 +1231,7 @@ | |||
| background: #fff; | |||
| line-height: 30px; | |||
| >div:after { | |||
| > div:after { | |||
| clear: both; | |||
| content: ""; | |||
| display: block; | |||
| @@ -1281,7 +1278,7 @@ | |||
| .detail-files { | |||
| background: #fff; | |||
| margin: 0px; | |||
| margin: 0; | |||
| } | |||
| } | |||
| @@ -1351,8 +1348,7 @@ | |||
| font-size: 12px; | |||
| td { | |||
| padding: 0; | |||
| padding-left: 10px; | |||
| padding: 0 0 0 10px; | |||
| border-top: none; | |||
| } | |||
| @@ -1509,7 +1505,7 @@ | |||
| margin-top: 20px; | |||
| padding-top: 15px; | |||
| >li { | |||
| > li { | |||
| list-style: none; | |||
| .meta, | |||
| @@ -1545,7 +1541,7 @@ | |||
| .download { | |||
| margin-top: 20px; | |||
| >a { | |||
| > a { | |||
| .octicon { | |||
| margin-left: 5px; | |||
| margin-right: 5px; | |||
| @@ -1686,7 +1682,7 @@ | |||
| text-transform: none; | |||
| } | |||
| >.markdown { | |||
| > .markdown { | |||
| padding: 15px 30px; | |||
| h1, | |||
| @@ -1715,7 +1711,7 @@ | |||
| .collaborator.list { | |||
| padding: 0; | |||
| >.item { | |||
| > .item { | |||
| margin: 0; | |||
| line-height: 2em; | |||
| @@ -1839,11 +1835,11 @@ | |||
| right: 0 !important; | |||
| left: auto !important; | |||
| >.header { | |||
| > .header { | |||
| margin: 0.75rem 0 .5rem; | |||
| } | |||
| >.item { | |||
| > .item { | |||
| float: left; | |||
| padding: .5rem .5rem !important; | |||
| @@ -1864,7 +1860,7 @@ | |||
| cursor: default; | |||
| } | |||
| >img { | |||
| > img { | |||
| height: 1.5em !important; | |||
| } | |||
| } | |||
| @@ -1954,7 +1950,7 @@ | |||
| .issue.list { | |||
| list-style: none; | |||
| >.item { | |||
| > .item { | |||
| padding-top: 15px; | |||
| padding-bottom: 10px; | |||
| border-bottom: 1px dashed #AAA; | |||
| @@ -2042,14 +2038,14 @@ | |||
| .content { | |||
| margin-top: 2px; | |||
| >.header, | |||
| > .header, | |||
| .segment { | |||
| box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); | |||
| } | |||
| } | |||
| .list { | |||
| >.item { | |||
| > .item { | |||
| .green { | |||
| color: #21BA45; | |||
| } | |||
| @@ -2060,11 +2056,11 @@ | |||
| margin: 15px -1rem -1rem -1rem; | |||
| } | |||
| >.mega-octicon { | |||
| > .mega-octicon { | |||
| display: table-cell; | |||
| } | |||
| >.mega-octicon+.content { | |||
| > .mega-octicon + .content { | |||
| display: table-cell; | |||
| padding: 0 0 0 .5em; | |||
| vertical-align: top; | |||
| @@ -2088,13 +2084,13 @@ | |||
| } | |||
| &.email { | |||
| >.item:not(:first-child) { | |||
| > .item:not(:first-child) { | |||
| min-height: 60px; | |||
| } | |||
| } | |||
| &.collaborator { | |||
| >.item { | |||
| > .item { | |||
| padding: 0; | |||
| } | |||
| } | |||
| @@ -2191,7 +2187,7 @@ | |||
| .generate-tab-size(@n, @i: 1) when (@i =< @n) { | |||
| .tab-size-@{i} { | |||
| tab-size: @i !important; | |||
| tab-size: @i !important; | |||
| } | |||
| .generate-tab-size(@n, (@i + 1)); | |||
| @@ -2220,7 +2216,7 @@ tbody.commit-list { | |||
| @media only screen and (max-width: 767px) { | |||
| .ui.stackable.menu { | |||
| &.mobile--margin-between-items>.item { | |||
| &.mobile--margin-between-items > .item { | |||
| margin-top: 5px; | |||
| margin-bottom: 5px; | |||
| } | |||
| @@ -2247,7 +2243,7 @@ tbody.commit-list { | |||
| #new-dependency-drop-list { | |||
| &.ui.selection.dropdown { | |||
| min-width: 0; | |||
| width: 100%; | |||
| width: 100%; | |||
| border-radius: 4px 0 0 4px; | |||
| border-right: 0; | |||
| white-space: nowrap; | |||
| @@ -2263,7 +2259,7 @@ tbody.commit-list { | |||
| font-size: 12px; | |||
| } | |||
| .label+#manage_topic { | |||
| .label + #manage_topic { | |||
| margin-left: 5px; | |||
| } | |||
| @@ -2294,7 +2290,7 @@ tbody.commit-list { | |||
| box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset !important; | |||
| } | |||
| .repo-buttons .ui.labeled.button>.label { | |||
| .repo-buttons .ui.labeled.button > .label { | |||
| border-left: none !important; | |||
| margin: 0 !important; | |||
| } | |||
| @@ -12,7 +12,7 @@ | |||
| transform: scale(1, 1); | |||
| &:hover { | |||
| transform: scale(1.2, 1.2); | |||
| transform: scale(1.2, 1.2); | |||
| } | |||
| } | |||
| @@ -23,12 +23,9 @@ | |||
| .comment-code-cloud { | |||
| padding: 4px; | |||
| margin: 0 auto; | |||
| position: relative; | |||
| border: 1px solid #f1f1f1; | |||
| margin-top: 13px; | |||
| margin-right: 10px; | |||
| margin-bottom: 5px; | |||
| margin: 13px 10px 5px auto; | |||
| &:before { | |||
| content: " "; | |||
| @@ -42,8 +39,7 @@ | |||
| top: -13px; | |||
| } | |||
| .attached | |||
| { | |||
| .attached { | |||
| &.tab { | |||
| border: none; | |||
| padding: 0; | |||
| @@ -66,7 +62,7 @@ | |||
| } | |||
| .ui.form textarea { | |||
| border: 0px; | |||
| border: 0; | |||
| } | |||
| .ui.attached.tabular.menu { | |||
| @@ -74,7 +70,7 @@ | |||
| border: 1px solid #d4d4d5; | |||
| padding-top: 5px; | |||
| padding-left: 5px; | |||
| margin-top: 0px; | |||
| margin-top: 0; | |||
| } | |||
| .footer { | |||
| @@ -85,14 +81,14 @@ | |||
| display: inline-block; | |||
| margin: 5px 0; | |||
| font-size: 12px; | |||
| color: rgba(0,0,0,.6) | |||
| color: rgba(0, 0, 0, .6) | |||
| } | |||
| .ui.right.floated { | |||
| padding-top: 6px; | |||
| } | |||
| &:after{ | |||
| &:after { | |||
| clear: both; | |||
| content: ""; | |||
| display: block; | |||
| @@ -110,5 +106,5 @@ | |||
| .file-comment { | |||
| font: 12px @monospaced-fonts, monospace; | |||
| color: rgba(0,0,0,.87); | |||
| color: rgba(0, 0, 0, .87); | |||
| } | |||
| @@ -1,26 +1,31 @@ | |||
| .tribute-container { | |||
| box-shadow: 0px 1px 3px 1px #c7c7c7; | |||
| ul { | |||
| background: #ffffff; | |||
| } | |||
| li { | |||
| padding: 8px 12px; | |||
| border-bottom: 1px solid #dcdcdc; | |||
| img { | |||
| display: inline-block; | |||
| vertical-align: middle; | |||
| width: 28px; | |||
| height: 28px; | |||
| margin-right: 5px; | |||
| } | |||
| span.fullname { | |||
| font-weight: normal; | |||
| font-size: 0.8rem; | |||
| margin-left: 3px; | |||
| } | |||
| } | |||
| li.highlight, li:hover { | |||
| background: #2185D0; | |||
| color: #ffffff; | |||
| } | |||
| box-shadow: 0 1px 3px 1px #c7c7c7; | |||
| ul { | |||
| background: #ffffff; | |||
| } | |||
| li { | |||
| padding: 8px 12px; | |||
| border-bottom: 1px solid #dcdcdc; | |||
| img { | |||
| display: inline-block; | |||
| vertical-align: middle; | |||
| width: 28px; | |||
| height: 28px; | |||
| margin-right: 5px; | |||
| } | |||
| span.fullname { | |||
| font-weight: normal; | |||
| font-size: 0.8rem; | |||
| margin-left: 3px; | |||
| } | |||
| } | |||
| li.highlight, li:hover { | |||
| background: #2185D0; | |||
| color: #ffffff; | |||
| } | |||
| } | |||
| @@ -8,6 +8,7 @@ | |||
| .username { | |||
| display: block; | |||
| } | |||
| .extra.content { | |||
| padding: 0; | |||
| @@ -58,7 +59,7 @@ | |||
| margin-top: 25px; | |||
| } | |||
| #loading-heatmap{ | |||
| #loading-heatmap { | |||
| margin-bottom: 1em; | |||
| } | |||
| } | |||
| @@ -82,6 +83,7 @@ | |||
| float: left; | |||
| font-size: 2em; | |||
| } | |||
| .content { | |||
| float: left; | |||
| margin-left: 7px; | |||
| @@ -105,21 +107,26 @@ | |||
| &.green { | |||
| color: #21ba45; | |||
| } | |||
| &.red { | |||
| color: #d01919; | |||
| } | |||
| &.purple { | |||
| color: #a333c8; | |||
| } | |||
| &.blue { | |||
| color: #2185d0; | |||
| } | |||
| } | |||
| } | |||
| &.link-account:not(.icon) { | |||
| padding-top: 15px; | |||
| padding-bottom: 5px; | |||
| } | |||
| &.settings { | |||
| .iconFloat { | |||
| float: left; | |||