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