diff options
Diffstat (limited to 'public/less')
| -rw-r--r-- | public/less/_base.less | 75 | ||||
| -rw-r--r-- | public/less/_dashboard.less | 82 | ||||
| -rw-r--r-- | public/less/_explore.less | 44 | ||||
| -rw-r--r-- | public/less/_markdown.less | 177 | ||||
| -rwxr-xr-x | public/less/_octicons.less | 11 | ||||
| -rw-r--r-- | public/less/_repository.less | 382 | ||||
| -rw-r--r-- | public/less/_user.less | 29 |
7 files changed, 594 insertions, 206 deletions
diff --git a/public/less/_base.less b/public/less/_base.less index 40201afe..086c6877 100644 --- a/public/less/_base.less +++ b/public/less/_base.less @@ -55,7 +55,7 @@ pre { z-index: 900; } .head.link.item { - padding-right: 0!important; + padding-right: 0 !important; .dropdown.icon, .menu .octicon { margin-right: 5px; @@ -65,9 +65,9 @@ pre { margin-right: 0; } .searchbox { - background-color: rgb(244, 244, 244)!important; + background-color: rgb(244, 244, 244) !important; &:focus { - background-color: rgb(233, 233, 233)!important; + background-color: rgb(233, 233, 233) !important; } } .text .octicon { @@ -84,6 +84,7 @@ pre { } } } + .ui { &.left { float: left; @@ -94,48 +95,72 @@ pre { .text { &.red { - color: #d95c5c!important; + color: #d95c5c !important; a { - color: #d95c5c!important; + color: #d95c5c !important; &:hover { - color: #E67777!important; + color: #E67777 !important; } } } &.blue { - color: #428bca!important; + color: #428bca !important; a { - color: #15c!important; + color: #15c !important; &:hover { - color: #428bca!important; + color: #428bca !important; } } } + &.black { + color: #444; + &:hover { + color: #000; + } + } &.grey { - color: #767676!important; + color: #767676 !important; a { - color: #444!important; + color: #444 !important; &:hover { - color: #000!important; + color: #000 !important; } } } + &.light.grey { + color: #888 !important; + } &.green { - color: #6cc644!important; + color: #6cc644 !important; } &.purple { - color: #6e5494!important; + color: #6e5494 !important; + } + &.yellow { + color: #FBBD08 !important; + } + &.gold { + color: #a1882b !important; } &.left { - text-align: left!important; + text-align: left !important; } &.right { - text-align: right!important; + text-align: right !important; } &.small { font-size: 0.75em; } + &.normal { + font-weight: normal; + } + &.bold { + font-weight: bold; + } + &.italic { + font-style: italic; + } &.truncate { overflow: hidden; @@ -163,7 +188,7 @@ pre { } .warning { &.header { - background-color: #F9EDBE!important; + background-color: #F9EDBE !important; border-color: #F0C36D; } &.segment { @@ -172,7 +197,7 @@ pre { } .info { &.header { - background-color: #d9edf7!important; + background-color: #d9edf7 !important; border-color: #85c5e5; } &.segment { @@ -190,7 +215,7 @@ pre { .form { .fake { - display: none!important; + display: none !important; } } @@ -214,7 +239,7 @@ pre { border-top: none; line-height: 1em; color: rgba(0,0,0,.8); - padding: .71428571em 1.14285714em!important; + padding: .71428571em 1.14285714em !important; font-size: 1rem; text-transform: none; font-weight: 400; @@ -234,12 +259,12 @@ pre { .scrolling.menu { .item.selected { - font-weight: 700!important; + font-weight: 700 !important; } } footer { - margin-top: @footer-margin+14px!important; + margin-top: @footer-margin+14px !important; height: @footer-margin; background-color: white; border-top: 1px solid #d6d6d6; @@ -274,8 +299,8 @@ footer { .generate-img(16); .generate-img(@n, @i: 1) when (@i =< @n) { .img-@{i} { - width: (2px * @i)!important; - height: (2px * @i)!important; + width: (2px * @i) !important; + height: (2px * @i) !important; } .generate-img(@n, (@i + 1)); } @@ -283,7 +308,7 @@ footer { .octicon.icon, .mega-octicon.icon { font-family: octicons; - opacity: 1!important; + opacity: 1 !important; } // Accessibility diff --git a/public/less/_dashboard.less b/public/less/_dashboard.less index d1b194bd..2a3d9734 100644 --- a/public/less/_dashboard.less +++ b/public/less/_dashboard.less @@ -2,6 +2,7 @@ padding-top: 15px; padding-bottom: @footer-margin * 2; + &.feeds, &.issues { .context.user.menu { z-index: 101; @@ -17,6 +18,9 @@ .text { height: 16px; vertical-align: middle; + &.truncate { + width: 85%; + } } .floating.label { top: 7px; @@ -24,12 +28,17 @@ width: 15%; } } - .item.active { - background-color: #4183c4; - color: #FFF; + + // Sort + .jump.item { + margin: 1px; + padding-right: 0; } - .item .text { - width: 85%; + .menu { + max-height: 300px; + overflow-x: auto; + right: 0!important; + left: auto!important; } } .ui.right .head.menu { @@ -44,4 +53,67 @@ } } } +} + +&.feeds { + .news { + .ui.avatar { + margin-top: 13px; + } + p { + line-height: 1em; + } + .time-since { + font-size: 13px; + } + .issue.title { + line-height: 1em; + width: 80%; + } + .push.news .content ul { + font-size: 13px; + list-style: none; + padding-left: 10px; + + img { + margin-bottom: -2px; + } + .text.truncate { + width: 80%; + margin-bottom: -5px; + } + } + } + + .list { + .header { + padding-top: 10px; + padding-bottom: 5px; + } + ul { + list-style: none; + margin: 0; + padding-left: 0; + + li { + &:not(:last-child) { + border-bottom: 1px solid #EAEAEA; + } + + &.private { + background-color: #fcf8e9; + } + + a { + padding: 6px 1.2em; + display: block; + + .octicon { + margin-right: 6px; + color: #888; + } + } + } + } + } }
\ No newline at end of file diff --git a/public/less/_explore.less b/public/less/_explore.less index 5d6be537..b510c71a 100644 --- a/public/less/_explore.less +++ b/public/less/_explore.less @@ -1,30 +1,32 @@ .explore { padding-top: 15px; padding-bottom: @footer-margin * 2; +} - &.repositories { - .ui.repository.list { - .item { - border-top: 1px solid #eee; - padding-top: 25px; - padding-bottom: 25px; - .ui.header { - font-size: 1.5rem; - padding-bottom: 10px; - .metas { - color: #888; - font-size: 13px; - font-weight: normal; - span:not(:last-child) { - margin-right: 5px; - } - } - } - .time { - font-size: 12px; - color: #808080; +.ui.repository.list { + .item { + padding-bottom: 25px; + + &:not(:first-child) { + border-top: 1px solid #eee; + padding-top: 25px; + } + + .ui.header { + font-size: 1.5rem; + padding-bottom: 10px; + .metas { + color: #888; + font-size: 13px; + font-weight: normal; + span:not(:last-child) { + margin-right: 5px; } } } + .time { + font-size: 12px; + color: #808080; + } } }
\ No newline at end of file diff --git a/public/less/_markdown.less b/public/less/_markdown.less index d51c1afc..561fa20b 100644 --- a/public/less/_markdown.less +++ b/public/less/_markdown.less @@ -1,39 +1,43 @@ .markdown { - overflow:hidden; - font-family:"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif; - font-size:16px; - line-height:1.6; - word-wrap:break-word; + overflow: hidden; + font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif; + font-size: 16px; + line-height: 1.6 !important; + word-wrap: break-word; + + &.file-view { + padding: 5px 2em 2em !important; + } >*:first-child { - margin-top:0 !important; + margin-top: 0 !important; } >*:last-child { - margin-bottom:0 !important; + margin-bottom: 0 !important; } a:not([href]) { - color:inherit; - text-decoration:none; + color: inherit; + text-decoration: none; } .absent { - color:#c00; + color: #c00; } .anchor { - position:absolute; - top:0; - left:0; - display:block; - padding-right:6px; - padding-left:30px; - margin-left:-30px; + position: absolute; + top: 0; + left: 0; + display: block; + padding-right: 6px; + padding-left: 30px; + margin-left: -30px; } .anchor:focus { - outline:none; + outline: none; } h1, @@ -42,11 +46,11 @@ h4, h5, h6 { - position:relative; - margin-top:1em; - margin-bottom:16px; - font-weight:bold; - line-height:1.4; + position: relative; + margin-top: 1em; + margin-bottom: 16px; + font-weight: bold; + line-height: 1.4; } h1 .octicon-link, @@ -157,8 +161,11 @@ dl, table, pre { - margin-top:0; - margin-bottom:16px; + margin-top: 0; + margin-bottom: 16px; + } + blockquote { + margin-left: 0; } hr { @@ -471,124 +478,4 @@ font-weight:bold; background:#f8f8f8;border-top:0; } - -} - -/* Author: jmblog */ - -/* Project: https://github.com/jmblog/color-themes-for-google-code-prettify */ - -/* GitHub Theme */ - -/* Pretty printing styles. Used with prettify.js. */ - -/* SPAN elements with the classes below are added by prettyprint. */ - -/* plain text */ - -.pln { - color: #333333; -} -@media screen { - /* string content */ - .str { - color: #dd1144; - } - /* a keyword */ - .kwd { - color: #333333; - } - /* a comment */ - .com { - color: #999988; - font-style: italic; - } - /* a type name */ - .typ { - color: #445588; - } - /* a literal value */ - .lit { - color: #445588; - } - /* punctuation */ - .pun { - color: #333333; - } - /* lisp open bracket */ - .opn { - color: #333333; - } - /* lisp close bracket */ - .clo { - color: #333333; - } - /* a markup tag name */ - .tag { - color: navy; - } - /* a markup attribute name */ - .atn { - color: teal; - } - /* a markup attribute value */ - .atv { - color: #dd1144; - } - /* a declaration */ - .dec { - color: #333333; - } - /* a variable name */ - .var { - color: teal; - } - /* a function name */ - .fun { - color: #990000; - } -} -/* Use higher contrast and text-weight for printable form. */ - -@media print, -projection { - .str { - color: #006600; - } - .kwd { - color: #006; - font-weight: bold; - } - .com { - color: #600; - font-style: italic; - } - .typ { - color: #404; - font-weight: bold; - } - .lit { - color: #004444; - } - .pun, - .opn, - .clo { - color: #444400; - } - .tag { - color: #006; - font-weight: bold; - } - .atn { - color: #440044; - } - .atv { - color: #006600; - } -} -/* Specify class=linenums on a pre to get line numbering */ - -ol.linenums { - margin-top: 0; - margin-bottom: 0; }
\ No newline at end of file diff --git a/public/less/_octicons.less b/public/less/_octicons.less index be97b690..dfd437e6 100755 --- a/public/less/_octicons.less +++ b/public/less/_octicons.less @@ -1,6 +1,6 @@ -// v3.1.0 +// v3.3.0 @octicons-font-path: "../fonts"; -@octicons-version: "396334ee3da78f4302d25c758ae3e3ce5dc3c97d"; +@octicons-version: "30e752e9a0821a0a098947055eeece0b0f46bc34"; @font-face { font-family: 'octicons'; @@ -40,6 +40,7 @@ .octicon-microscope:before, .octicon-beaker:before { content: '\f0dd'} /* */ .octicon-bell:before { content: '\f0de'} /* */ +.octicon-bold:before { content: '\f0e2'} /* */ .octicon-book:before { content: '\f007'} /* */ .octicon-bookmark:before { content: '\f07b'} /* */ .octicon-briefcase:before { content: '\f0d3'} /* */ @@ -120,6 +121,7 @@ .octicon-issue-closed:before { content: '\f028'} /* */ .octicon-issue-opened:before { content: '\f026'} /* */ .octicon-issue-reopened:before { content: '\f027'} /* */ +.octicon-italic:before { content: '\f0e4'} /* */ .octicon-jersey:before { content: '\f019'} /* */ .octicon-key:before { content: '\f049'} /* */ .octicon-keyboard:before { content: '\f00d'} /* */ @@ -134,6 +136,7 @@ .octicon-mirror-private:before, .octicon-git-fork-private:before, .octicon-lock:before { content: '\f06a'} /* */ +.octicon-logo-gist:before { content: '\f0ad'} /* */ .octicon-logo-github:before { content: '\f092'} /* */ .octicon-mail:before { content: '\f03b'} /* */ .octicon-mail-read:before { content: '\f03c'} /* */ @@ -180,8 +183,6 @@ .octicon-rocket:before { content: '\f033'} /* */ .octicon-rss:before { content: '\f034'} /* */ .octicon-ruby:before { content: '\f047'} /* */ -.octicon-screen-full:before { content: '\f066'} /* */ -.octicon-screen-normal:before { content: '\f067'} /* */ .octicon-search-save:before, .octicon-search:before { content: '\f02e'} /* */ .octicon-server:before { content: '\f097'} /* */ @@ -201,8 +202,10 @@ .octicon-tag-remove:before, .octicon-tag-add:before, .octicon-tag:before { content: '\f015'} /* */ +.octicon-tasklist:before { content: '\f0e5'} /* */ .octicon-telescope:before { content: '\f088'} /* */ .octicon-terminal:before { content: '\f0c8'} /* */ +.octicon-text-size:before { content: '\f0e3'} /* */ .octicon-three-bars:before { content: '\f05e'} /* */ .octicon-thumbsdown:before { content: '\f0db'} /* */ .octicon-thumbsup:before { content: '\f0da'} /* */ diff --git a/public/less/_repository.less b/public/less/_repository.less index 7fdec66f..060eeeae 100644 --- a/public/less/_repository.less +++ b/public/less/_repository.less @@ -78,6 +78,181 @@ padding-right: 0; } } + + &.file.list { + #repo-desc { + font-size: 1.2em; + } + .choose.reference { + .header .icon { + font-size: 1.4em; + } + } + .head.meta { + padding: 0; + li { + list-style: none; + display: inline-block; + + .ui.breadcrumb { + margin-top: -5px; + + span, + a { + font-size: 16px; + } + } + } + } + + .clone.input { + margin-top: -8px; + width: 100%; + + input { + border-radius: 0; + padding: 5px 10px; + } + + .clone.button { + font-size: 13px; + padding: 0 5px; + &:first-child { + border-radius: .28571429rem 0 0 .28571429rem; + } + } + .icon.button { + padding: 0 10px; + } + .dropdown .menu { + right: 0!important; + left: auto!important; + } + } + + #repo-files-table { + .table.list { + width: 80% !important; + } + + thead { + th { + padding-top: 8px; + padding-bottom: 5px; + font-weight: normal; + + #last-commit-message { + margin-left: 5px; + margin-bottom: -4px; + width: 400px; + } + .age { + margin-top: 2px; + } + } + .ui.avatar { + margin-bottom: 5px; + } + } + tbody { + .icon { + margin-left: 5px; + } + .name { + max-width: 120px; + } + .message { + max-width: 300px; + } + .age { + min-width: 150px; + } + + .text.truncate { + margin-bottom: -5px; + max-width: 100%; + } + } + td { + padding-top: 8px; + padding-bottom: 8px; + } + tr:hover { + background-color: #ffffEE; + } + } + + #file-content { + .header { + .icon { + font-size: 1em; + margin-top: -2px; + } + } + .view-raw { + * { + width: 100%; + } + img { + padding: 5px 5px 0 5px; + } + } + + .code-view { + * { + font-size: 13px; + font-family: monospace; + line-height: 20px; + } + + table { + width: 100%; + } + .lines-num { + vertical-align: top; + text-align: right; + color: #999; + background: #f5f5f5; + width: 1%; + + span { + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; + line-height: 20px; + padding: 0 10px; + cursor: pointer; + display: block; + } + } + .lines-num, + .lines-code { + padding: 0; + + + pre, + ol, + .hljs { + background-color: white; + margin: 0; + padding: 0 !important; + li { + padding-left: 5px; + &.active { + background: #ffffdd; + } + } + } + } + } + } + + .sidebar { + padding-left: 0; + + .octicon { + width: 16px; + } + } + } &.options { #interval { @@ -420,11 +595,6 @@ padding: 5px 10px; } } - .button { - float: right; - margin-left: 5px; - margin-top: 1px; - } } } } @@ -585,6 +755,12 @@ } } } + &.file-content { + img { + max-width: 100%; + padding: 5px 5px 0 5px; + } + } } .code-view { overflow: auto; @@ -613,9 +789,203 @@ } } } + + &.release { + #release-list { + border-top: 1px solid #DDD; + margin-top: 20px; + padding-top: 15px; + + >li { + list-style: none; + + .meta, + .detail { + padding-top: 30px; + padding-bottom: 40px; + } + .meta { + text-align: right; + position: relative; + + .tag:not(.icon) { + display: block; + margin-top: 15px; + } + .commit { + display: block; + margin-top: 10px; + } + } + .detail { + border-left: 1px solid #DDD; + + .author { + img { + margin-bottom: -3px; + } + } + .download { + margin-top: 20px; + + >a { + .octicon { + margin-left: 5px; + margin-right: 5px; + } + } + + .list { + padding-left: 0; + border-top: 1px solid #eee; + + li { + list-style: none; + display: block; + padding-top: 8px; + padding-bottom: 8px; + border-bottom: 1px solid #eee; + } + } + } + .dot { + width: 9px; + height: 9px; + background-color: #ccc; + z-index: 999; + position: absolute; + display: block; + left: -5px; + top: 40px; + border-radius: 6px; + border: 1px solid #FFF; + } + } + } + } + } + &.new.release { + .target { + min-width: 500px; + + .at { + margin-left: -5px; + margin-right: 5px; + } + .dropdown.icon { + margin: 0; + padding-top: 3px; + } + .selection.dropdown { + padding-top: 10px; + padding-bottom: 10px; + } + } + .prerelease.field { + margin-bottom: 0; + } + } + + &.watchers { + .list { + padding: 0; + + .item { + list-style: none; + width: 32%; + margin: 10px 10px 10px 0; + padding-bottom: 14px; + float: left; + + .avatar { + width: 48px; + height: 48px; + float: left; + display: block; + margin-right: 10px; + } + .name { + margin-top: 0; + margin-bottom: 0; + font-weight: normal; + } + .meta { + margin-top: 5px; + } + } + } + } + &.forks { + .list { + margin-top: 0; + + .item { + padding-top: 10px; + padding-bottom: 10px; + border-bottom: 1px solid #DDD; + + .ui.avatar { + float: left; + margin-right: 5px; + } + .link { + padding-top: 5px; + } + } + } + } + + &.settings { + &.collaboration { + .collaborator.list { + padding: 0; + + .item { + padding: 10px 20px; + + &:not(:last-child) { + border-bottom: 1px solid #DDD; + } + } + } + + #repo-collab-form { + #search-user-box { + .results { + left: 7px; + } + } + .ui.button { + margin-left: 5px; + margin-top: -3px; + } + } + } + } } // End of .repository +#search-user-box { + .results { + padding: 0; + position: absolute; + + .item { + padding: 10px 15px; + border-bottom: 1px solid #DDD; + cursor: pointer; + + &:hover { + background: rgba(0,0,0,.05)!important; + color: rgba(0,0,0,.95)!important; + } + img { + margin-right: 8px; + } + } + } +} + .issue.list { list-style: none; padding-top: 15px; @@ -673,7 +1043,7 @@ .settings { .content { margin-top: 2px; - .header, + >.header, .segment { box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); } diff --git a/public/less/_user.less b/public/less/_user.less index c403e358..171fccd0 100644 --- a/public/less/_user.less +++ b/public/less/_user.less @@ -18,4 +18,33 @@ } } } + + &.profile { + .ui.card { + .username { + display: block; + } + .extra.content { + padding: 0; + + ul { + margin: 0; + padding: 0; + + li { + padding: 10px; + list-style: none; + + &:not(:last-child) { + border-bottom: 1px solid #eaeaea; + } + } + } + } + } + + .ui.repository.list { + margin-top: 25px; + } + } }
\ No newline at end of file |