Clean less files (#6921)

This commit is contained in:
Xaver Maierhofer 2019-05-13 08:26:32 +02:00 committed by zeripath
parent 0b785481d7
commit 6fb58a8cdc
17 changed files with 1545 additions and 1159 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

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

View File

@ -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{ .archived-icon {
color: lighten(#000, 70%) !important;
}
.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);
} }

View File

@ -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 // Sort
.jump.item { .jump.item {
margin: 1px; margin: 1px;
padding-right: 0; padding-right: 0;
} }
.menu {
max-height: 300px;
overflow-x: auto;
right: 0!important;
left: auto!important;
}
@media only screen and (max-width: 768px) { .menu {
width: 100%; max-height: 300px;
} overflow-x: auto;
} right: 0 !important;
.right.stackable.menu > .item.active { left: auto !important;
color: #d9453d; }
}
@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;
} }
} }
} }

View File

@ -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; border-radius: 3px;
padding: 0 !important; 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;

View File

@ -9,12 +9,12 @@
background-color: #FAFAFA !important; background-color: #FAFAFA !important;
border-width: 1px !important; border-width: 1px !important;
.octicon { .octicon {
width: 16px; width: 16px;
text-align: center; text-align: center;
margin-right: 5px; 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 { .ui.repository.branches {
.time{ .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;
} }

View File

@ -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 { form {
margin: auto; margin: auto;
.ui.message {
text-align: center; .ui.message {
} text-align: center;
@media only screen and (min-width: 768px) { }
width: 800px!important;
.header { @media only screen and (min-width: 768px) {
padding-left: @create-page-form-input-padding+30px; width: 800px !important;
} .header {
.inline.field > label { padding-left: @create-page-form-input-padding+30px;
text-align: right; }
width: @create-page-form-input-padding;
word-wrap: break-word; .inline.field > label {
} text-align: right;
.help { width: @create-page-form-input-padding;
margin-left: @create-page-form-input-padding+15px; word-wrap: break-word;
} }
.optional .title {
margin-left: @create-page-form-input-padding; .help {
} margin-left: @create-page-form-input-padding+15px;
input, }
textarea {
width: 50%!important; .optional .title {
} margin-left: @create-page-form-input-padding;
} }
@media only screen and (max-width: 767px) {
.optional .title { input,
margin-left: 15px; textarea {
} width: 50% !important;
.inline.field > label { }
display: block; }
} @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; margin: 10px 5px 0 0;
float: left; float: left;
} }
} }
a { a {
margin-right: 3px; margin-right: 3px;
&:last-child { &:last-child {
margin-right: 0px; margin-right: 0;
} }
} }
img { img {
width: 32px; width: 32px;
height: 32px; height: 32px;
&.openidConnect {
width: auto; &.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: scale(0.77);
transform-origin:0 0; 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 { &.new.repo {
.ui.form { .ui.form {
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
#auto-init { #auto-init {
margin-left: @create-page-form-input-padding+15px; margin-left: @create-page-form-input-padding+15px;
} }
} }
.selection.dropdown:not(.owner) { .selection.dropdown:not(.owner) {
width: 50%!important; width: 50% !important;
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
width: 100% !important; 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) { @media only screen and (max-width: 768px) {
.field button, .field a{ .field button, .field a {
margin-bottom: 1em; margin-bottom: 1em;
width: 100%; width: 100%;
} }
.field input { .field input {
width: 100% !important; width: 100% !important;
} }
} }
} }

View File

@ -1,42 +1,50 @@
.home { .home {
.logo { .logo {
max-width: 220px; max-width: 220px;
} }
.hero {
@media only screen and (max-width: 767px) { .hero {
h1 { @media only screen and (max-width: 767px) {
font-size: 3.5em; h1 {
} font-size: 3.5em;
h2 { }
font-size: 2em;
} h2 {
} font-size: 2em;
@media only screen and (min-width: 768px) { }
h1 { }
font-size: 5.5em; @media only screen and (min-width: 768px) {
} h1 {
h2 { font-size: 5.5em;
font-size: 3em; }
}
} h2 {
.octicon { font-size: 3em;
color: #5aa509; }
font-size: 40px; }
width: 50px;
} .octicon {
&.header { color: #5aa509;
font-size: 20px; font-size: 40px;
} width: 50px;
} }
p.large {
font-size: 16px &.header {
} font-size: 20px;
.stackable { }
padding-top: 30px; }
}
a { p.large {
color: #5aa509; font-size: 16px
} }
.stackable {
padding-top: 30px;
}
a {
color: #5aa509;
}
} }
.signup { .signup {
@ -44,11 +52,11 @@
} }
footer { footer {
.ui.container .left, .ui.container .right { .ui.container .left, .ui.container .right {
@media only screen and (max-width: 880px) { @media only screen and (max-width: 880px) {
display: block; display: block;
text-align: center; text-align: center;
float: none; float: none;
} }
} }
} }

View File

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

View File

@ -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; display: none;
color:#000; color: #000;
vertical-align:middle; 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; padding-left: 8px;
margin-left:-30px; margin-left: -30px;
text-decoration:none; 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; padding-bottom: 0.3em;
font-size:2.25em; font-size: 2.25em;
line-height:1.2; line-height: 1.2;
border-bottom:1px solid #eee; border-bottom: 1px solid #eee;
} }
h1 .anchor { h1 .anchor {
line-height:1; line-height: 1;
} }
h2 { h2 {
padding-bottom:0.3em; padding-bottom: 0.3em;
font-size:1.75em; font-size: 1.75em;
line-height:1.225; line-height: 1.225;
border-bottom:1px solid #eee; border-bottom: 1px solid #eee;
} }
h2 .anchor { h2 .anchor {
line-height:1; line-height: 1;
} }
h3 { h3 {
font-size:1.5em; font-size: 1.5em;
line-height:1.43; 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; height: 4px;
padding:0; padding: 0;
margin:16px 0; margin: 16px 0;
background-color:#e7e7e7; background-color: #e7e7e7;
border:0 none; 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; padding: 0;
list-style-type:none; list-style-type: none;
} }
ul ul, ul ul,
ul ol, ul ol,
ol ol, ol ol,
ol ul { ol ul {
margin-top:0; margin-top: 0;
margin-bottom:0; margin-bottom: 0;
} }
ol ol, ol ol,
@ -207,51 +209,51 @@
list-style-type: lower-roman; list-style-type: lower-roman;
} }
li>p { li > p {
margin-top:0; margin-top: 0;
} }
dl { dl {
padding:0; padding: 0;
} }
dl dt { dl dt {
padding:0; padding: 0;
margin-top:16px; margin-top: 16px;
font-size:1em; font-size: 1em;
font-style:italic; font-style: italic;
font-weight:bold; font-weight: bold;
} }
dl dd { dl dd {
padding:0 16px; padding: 0 16px;
margin-bottom:16px; margin-bottom: 16px;
} }
blockquote { blockquote {
padding:0 15px; padding: 0 15px;
color:#777; color: #777;
border-left:4px solid #ddd; border-left: 4px solid #ddd;
} }
blockquote>:first-child { blockquote > :first-child {
margin-top:0; margin-top: 0;
} }
blockquote>:last-child { blockquote > :last-child {
margin-bottom:0; margin-bottom: 0;
} }
table { table {
width:auto; width: auto;
overflow:auto; overflow: auto;
word-break:normal; word-break: normal;
word-break:keep-all; word-break: keep-all;
display:block; 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; background-color: #fff;
border-top:1px solid #ccc; 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%; max-width: 100%;
box-sizing:border-box; box-sizing: border-box;
} }
.emoji { .emoji {
max-width:none; max-width: none;
} }
span.frame { span.frame {
display:block; display: block;
overflow:hidden; overflow: hidden;
} }
span.frame>span { span.frame > span {
display:block; display: block;
float:left; float: left;
width:auto; width: auto;
padding:7px; padding: 7px;
margin:13px 0 0; margin: 13px 0 0;
overflow:hidden; overflow: hidden;
border:1px solid #ddd; border: 1px solid #ddd;
} }
span.frame span img { span.frame span img {
display:block; display: block;
float:left; float: left;
} }
span.frame span span { span.frame span span {
display:block; display: block;
padding:5px 0 0; padding: 5px 0 0;
clear:both; clear: both;
color:#333; color: #333;
} }
span.align-center { span.align-center {
display:block; display: block;
overflow:hidden; overflow: hidden;
clear:both; clear: both;
} }
span.align-center>span { span.align-center > span {
display:block; display: block;
margin:13px auto 0; margin: 13px auto 0;
overflow:hidden; overflow: hidden;
text-align:center; text-align: center;
} }
span.align-center span img { span.align-center span img {
margin:0 auto; margin: 0 auto;
text-align:center; text-align: center;
} }
span.align-right { span.align-right {
display:block; display: block;
overflow:hidden; overflow: hidden;
clear:both; clear: both;
} }
span.align-right>span { span.align-right > span {
display:block; display: block;
margin:13px 0 0; margin: 13px 0 0;
overflow:hidden; overflow: hidden;
text-align:right; text-align: right;
} }
span.align-right span img { span.align-right span img {
margin:0; margin: 0;
text-align:right; text-align: right;
} }
span.float-left { span.float-left {
display:block; display: block;
float:left; float: left;
margin-right:13px; margin-right: 13px;
overflow:hidden; 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; display: block;
float:right; float: right;
margin-left:13px; margin-left: 13px;
overflow:hidden; overflow: hidden;
} }
span.float-right>span { span.float-right > span {
display:block; display: block;
margin:13px auto 0; margin: 13px auto 0;
overflow:hidden; overflow: hidden;
text-align:right; text-align: right;
} }
code, code,
tt { tt {
padding:0; padding: 0.2em 0;
padding-top:0.2em; margin: 0;
padding-bottom:0.2em; font-size: 85%;
margin:0; background-color: rgba(0, 0, 0, 0.04);
font-size:85%; border-radius: 3px;
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; letter-spacing: -0.2em;
content:"\00a0"; 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 { pre > code {
padding:0; padding: 0;
margin:0; margin: 0;
font-size:100%; font-size: 100%;
word-break:normal; word-break: normal;
white-space:pre; white-space: pre;
background:transparent; background: transparent;
border:0; border: 0;
} }
.highlight { .highlight {
margin-bottom:16px; margin-bottom: 16px;
} }
.highlight pre, .highlight pre,
pre { pre {
padding:16px; padding: 16px;
overflow:auto; overflow: auto;
font-size:85%; font-size: 85%;
line-height:1.45; line-height: 1.45;
background-color:#f7f7f7; background-color: #f7f7f7;
border-radius:3px; border-radius: 3px;
} }
.highlight pre { .highlight pre {
margin-bottom:0; margin-bottom: 0;
word-break:normal; word-break: normal;
} }
pre { pre {
word-wrap:normal; word-wrap: normal;
} }
pre code, pre code,
pre tt { pre tt {
display:inline; display: inline;
max-width:initial; max-width: initial;
padding:0; padding: 0;
margin:0; margin: 0;
overflow:initial; overflow: initial;
line-height:inherit; line-height: inherit;
word-wrap:normal; word-wrap: normal;
background-color:transparent; background-color: transparent;
border:0; 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; display: inline-block;
padding:3px 5px; padding: 3px 5px;
font-size:11px; font-size: 11px;
line-height:10px; line-height: 10px;
color:#555; color: #555;
vertical-align:middle; vertical-align: middle;
background-color:#fcfcfc; background-color: #fcfcfc;
border:solid 1px #ccc; border: solid 1px #ccc;
border-bottom-color:#bbb; border-bottom-color: #bbb;
border-radius:3px; border-radius: 3px;
box-shadow:inset 0 -1px 0 #bbb; 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; padding: 5px;
overflow:hidden; overflow: hidden;
font-size:12px; font-size: 12px;
line-height:1; line-height: 1;
text-align:left; text-align: left;
white-space:nowrap; white-space: nowrap;
} }
.csv-data .blob-num { .csv-data .blob-num {
padding:10px 8px 9px; padding: 10px 8px 9px;
text-align:right; text-align: right;
background:#fff;border:0; 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; font-weight: bold;
background:#f8f8f8;border-top:0; 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 {

View File

@ -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: 50px auto auto;
margin-top: 50px;
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;
} }

View File

@ -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: 10px 0 0;
padding-top: 10px;
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: 10px 0 0;
padding-top: 10px;
} }
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: 10px 0 0;
padding-top: 10px;
} }
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: 0 0 0 10px;
padding-left: 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;
} }

View File

@ -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: 13px 10px 5px auto;
margin-right: 10px;
margin-bottom: 5px;
&: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);
} }

View File

@ -1,26 +1,31 @@
.tribute-container { .tribute-container {
box-shadow: 0px 1px 3px 1px #c7c7c7; box-shadow: 0 1px 3px 1px #c7c7c7;
ul {
background: #ffffff; ul {
} background: #ffffff;
li { }
padding: 8px 12px;
border-bottom: 1px solid #dcdcdc; li {
img { padding: 8px 12px;
display: inline-block; border-bottom: 1px solid #dcdcdc;
vertical-align: middle;
width: 28px; img {
height: 28px; display: inline-block;
margin-right: 5px; vertical-align: middle;
} width: 28px;
span.fullname { height: 28px;
font-weight: normal; margin-right: 5px;
font-size: 0.8rem; }
margin-left: 3px;
} span.fullname {
} font-weight: normal;
li.highlight, li:hover { font-size: 0.8rem;
background: #2185D0; margin-left: 3px;
color: #ffffff; }
} }
li.highlight, li:hover {
background: #2185D0;
color: #ffffff;
}
} }

View File

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

File diff suppressed because it is too large Load Diff