@@ -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; |