diff options
Diffstat (limited to 'public/less')
| -rw-r--r-- | public/less/_base.less | 50 | ||||
| -rw-r--r-- | public/less/_repository.less | 186 |
2 files changed, 99 insertions, 137 deletions
diff --git a/public/less/_base.less b/public/less/_base.less index fd0b168b90..e7bb439d2e 100644 --- a/public/less/_base.less +++ b/public/less/_base.less @@ -9,27 +9,25 @@ img { } .full.height { padding: 0; - margin: 0 0 -87px 0; + margin: 0 0 -@footer-margin*2 0; min-height: 100%; } .following.bar { z-index: 900; left: 0; width: 100%; - padding: 0.7em 0; + padding: 5px 0; &.light { background-color: white; border-bottom: 1px solid #DDDDDD; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04); } - .ui.secondary.menu { - height: 30px; - } .column .menu { margin-top: 0; } .brand { float: left; + margin-top: 5px; margin-right: 5px; } .head.link.item { @@ -41,7 +39,6 @@ img { } .user.avatar { padding: 0; - margin-top: 1px; } .searchbox { background-color: rgb(244, 244, 244)!important; @@ -51,7 +48,6 @@ img { } .octicon { width: 16px; - opacity: 1!important; text-align: center; } } @@ -68,28 +64,36 @@ img { color: #d95c5c!important; } } + + .message { + text-align: center; + } } footer { margin-top: @footer-margin!important; + height: @footer-margin; background-color: white; border-top: 1px solid #d6d6d6; clear: both; width: 100%; color: #888888; - .fa { - width: 16px; - text-align: center; - color: #428bca; - } - .ui.language.dropdown { - z-index: 10000; - } - .links >* { - border-left: 1px solid #d6d6d6; - padding-left: 8px; - margin-left: 5px; - &:first-child { - border-left: none; + .container { + padding-top: 10px; + .fa { + width: 16px; + text-align: center; + color: #428bca; + } + .ui.language.dropdown { + z-index: 10000; + } + .links >* { + border-left: 1px solid #d6d6d6; + padding-left: 8px; + margin-left: 5px; + &:first-child { + border-left: none; + } } } } @@ -108,8 +112,8 @@ footer { .generate-img(16); .generate-img(@n, @i: 1) when (@i =< @n) { .img-@{i} { - width: (2px * @i); - height: (2px * @i); + width: (2px * @i)!important; + height: (2px * @i)!important; } .generate-img(@n, (@i + 1)); } diff --git a/public/less/_repository.less b/public/less/_repository.less index bdea35c0c1..176c9e9df8 100644 --- a/public/less/_repository.less +++ b/public/less/_repository.less @@ -4,11 +4,11 @@ padding-top: 15px; padding-bottom: @footer-margin * 3; .head { - height: 75px; - padding-top: 20px; + height: 40px; background-color: #FCFCFC; .mega-octicon { width: @mega-octicon-width; + font-size: 30px; } a, .fork-flag { @@ -25,65 +25,13 @@ line-height: 10px; white-space: nowrap; } - .button { - margin-left: 10px; - i { - margin-right: 5px; - } - } .num { font-weight: bold; } - .octicon { - height: 5px; - } - } - .navbar { - height: 60px; - padding-top: 20px; - .ui.secondary.menu .item { - margin-left: -10px; - margin-top: -7px; - &>.input { - .new-label-input, - .color-picker { - background-color: white; - border: 1px solid rgba(0,0,0,.15); - } - } - &.input { - margin-right: -7px; - } - .new-label-input { - width: 150px; - } - .color-picker { - height: 35px; - width: auto; - padding-left: 30px; - } - .minicolors-swatch.minicolors-sprite { - top: 10px; - left: 10px; - width: 15px; - height: 15px; - } - &.precolors { - padding-left: 0; - padding-right: 0; - margin-right: 10px; - width: 120px; - .color { - float: left; - width: 15px; - height: 15px; - } - } - } } .filter.menu { .label.color { - margin-left: 17px; + margin-left: 15px; padding: 0 8px; } .octicon { @@ -99,15 +47,15 @@ .clickable .name { padding-left: 15px!important; } - } + } } .page.buttons { padding-top: 15px; } .issue.list { - clear: both; list-style: none; + padding-top: 15px; >.item { padding-top: 15px; padding-bottom: 10px; @@ -140,8 +88,8 @@ } .label.list { - clear: both; list-style: none; + padding-top: 15px; .item { padding-top: 10px; padding-bottom: 10px; @@ -162,8 +110,8 @@ } .milestone.list { - clear: both; list-style: none; + padding-top: 15px; > .item { padding-top: 10px; padding-bottom: 10px; @@ -212,67 +160,77 @@ } } } - &.new.milestone { - textarea { - height: 200px; - } - } + // &.new.milestone { + // textarea { + // height: 200px; + // } + // } - &.settings { - .content { - padding-left: 20px!important; - } - } + // &.settings { + // .content { + // padding-left: 20px!important; + // } + // } } -.settings .key.list { - .item:not(:first-child) { - border-top: 1px solid #eaeaea; - } - .ssh-key-state-indicator { - float: left; - color: gray; - padding-left: 10px; - padding-top: 10px; - &.active { - color: #6cc644; - } - } - .meta { - padding-top: 5px; - } - .print { - color: #767676; - } - .activity { - color: #666; - } -} +// .settings .key.list { +// .item:not(:first-child) { +// border-top: 1px solid #eaeaea; +// } +// .ssh-key-state-indicator { +// float: left; +// color: gray; +// padding-left: 10px; +// padding-top: 10px; +// &.active { +// color: #6cc644; +// } +// } +// .meta { +// padding-top: 5px; +// } +// .print { +// color: #767676; +// } +// .activity { +// color: #666; +// } +// } -.edit-label.modal { - .color-picker { - margin-top: -8px!important; - height: 35px; - width: auto!important; - padding-left: 30px!important; - } - .minicolors-swatch.minicolors-sprite { - top: 1px; - left: 10px; - width: 15px; - height: 15px; - } - .precolors { - margin-bottom: -11px!important; - padding-left: 0!important; - padding-right: 0!important; - margin-right: 10px!important; - width: 120px!important; - .color { - float: left; - margin: 0!important; +.edit-label.modal, +.new-label.segment { + .form { + .column { + padding-right: 0; + } + .buttons { + margin-left: auto; + padding-top: 15px; + } + .color.picker.column { + width: auto; + .color-picker { + height: 35px; + width: auto; + padding-left: 30px; + } + } + .minicolors-swatch.minicolors-sprite { + top: 10px; + left: 10px; width: 15px; height: 15px; } + .precolors { + padding-left: 0; + padding-right: 0; + margin: 3px 10px auto 10px; + width: 120px; + .color { + float: left; + width: 15px; + height: 15px; + } + } } }
\ No newline at end of file |