aboutsummaryrefslogtreecommitdiff
path: root/public/less
diff options
context:
space:
mode:
Diffstat (limited to 'public/less')
-rw-r--r--public/less/_base.less92
-rw-r--r--public/less/_form.less2
-rw-r--r--public/less/_markdown.less594
-rw-r--r--public/less/_repository.less248
-rw-r--r--public/less/gogs.less1
5 files changed, 818 insertions, 119 deletions
diff --git a/public/less/_base.less b/public/less/_base.less
index fd0b168b..ba716334 100644
--- a/public/less/_base.less
+++ b/public/less/_base.less
@@ -9,28 +9,37 @@ 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;
&.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-right: 5px;
+ .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);
+ }
+ .top.menu .menu {
+ z-index: 900;
}
.head.link.item {
padding-right: 0!important;
@@ -39,9 +48,8 @@ img {
margin-right: 5px;
}
}
- .user.avatar {
- padding: 0;
- margin-top: 1px;
+ .avatar > .ui.image {
+ margin-right: 0;
}
.searchbox {
background-color: rgb(244, 244, 244)!important;
@@ -51,7 +59,6 @@ img {
}
.octicon {
width: 16px;
- opacity: 1!important;
text-align: center;
}
}
@@ -67,29 +74,49 @@ img {
&.red {
color: #d95c5c!important;
}
+ &.right {
+ text-align: right;
+ }
+ &.small {
+ font-size: 0.75em;
+ }
+ }
+
+ .message {
+ text-align: center;
+ }
+
+ .header > i + .content {
+ padding-left: 0.75rem;
+ vertical-align: middle;
}
}
+
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;
+ }
}
}
}
@@ -101,19 +128,20 @@ footer {
text-align: center;
}
-.text-error {
- color: #d95c5c !important;
-}
-
.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));
}
+.octicon.icon,
+.mega-octicon.icon {
+ font-family: octicons;
+}
+
// Accessibility
.sr-only {
position: absolute;
diff --git a/public/less/_form.less b/public/less/_form.less
index e219637d..8d02ae5a 100644
--- a/public/less/_form.less
+++ b/public/less/_form.less
@@ -21,7 +21,7 @@
}
@input-padding: 250px !important;
.header {
- padding-left: @input-padding+20px;
+ padding-left: @input-padding+30px;
}
.inline.field > label {
text-align: right;
diff --git a/public/less/_markdown.less b/public/less/_markdown.less
new file mode 100644
index 00000000..d51c1afc
--- /dev/null
+++ b/public/less/_markdown.less
@@ -0,0 +1,594 @@
+.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;
+
+ >*:first-child {
+ margin-top:0 !important;
+ }
+
+ >*:last-child {
+ margin-bottom:0 !important;
+ }
+
+ a:not([href]) {
+ color:inherit;
+ text-decoration:none;
+ }
+
+ .absent {
+ color:#c00;
+ }
+
+ .anchor {
+ position:absolute;
+ top:0;
+ left:0;
+ display:block;
+ padding-right:6px;
+ padding-left:30px;
+ margin-left:-30px;
+ }
+
+ .anchor:focus {
+ outline:none;
+ }
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ position:relative;
+ margin-top:1em;
+ margin-bottom:16px;
+ font-weight:bold;
+ line-height:1.4;
+ }
+
+ h1 .octicon-link,
+ h2 .octicon-link,
+ h3 .octicon-link,
+ h4 .octicon-link,
+ h5 .octicon-link,
+ h6 .octicon-link {
+ display:none;
+ color:#000;
+ vertical-align:middle;
+ }
+
+ h1:hover .anchor,
+ h2:hover .anchor,
+ h3:hover .anchor,
+ h4:hover .anchor,
+ h5:hover .anchor,
+ h6:hover .anchor {
+ padding-left:8px;
+ margin-left:-30px;
+ text-decoration:none;
+ }
+
+ h1:hover .anchor .octicon-link,
+ h2:hover .anchor .octicon-link,
+ h3:hover .anchor .octicon-link,
+ h4:hover .anchor .octicon-link,
+ h5:hover .anchor .octicon-link,
+ h6:hover .anchor .octicon-link {
+ display:inline-block;
+ }
+
+ h1 tt,
+ h1 code,
+ h2 tt,
+ h2 code,
+ h3 tt,
+ h3 code,
+ h4 tt,
+ h4 code,
+ h5 tt,
+ h5 code,
+ h6 tt,
+ h6 code {
+ font-size:inherit;
+ }
+
+ h1 {
+ padding-bottom:0.3em;
+ font-size:2.25em;
+ line-height:1.2;
+ border-bottom:1px solid #eee;
+ }
+
+ h1 .anchor {
+ line-height:1;
+ }
+
+ h2 {
+ padding-bottom:0.3em;
+ font-size:1.75em;
+ line-height:1.225;
+ border-bottom:1px solid #eee;
+ }
+
+ h2 .anchor {
+ line-height:1;
+ }
+
+ h3 {
+ font-size:1.5em;
+ line-height:1.43;
+ }
+
+ h3 .anchor {
+ line-height:1.2;
+ }
+
+ h4 {
+ font-size:1.25em;
+ }
+
+ h4 .anchor {
+ line-height:1.2;
+ }
+
+ h5 {
+ font-size:1em;
+ }
+
+ h5 .anchor {
+ line-height:1.1;
+ }
+
+ h6 {
+ font-size:1em;color:#777;
+ }
+
+ h6 .anchor {
+ line-height:1.1;
+ }
+
+ p,
+ blockquote,
+ ul,
+ ol,
+ dl,
+ table,
+ pre {
+ margin-top:0;
+ margin-bottom:16px;
+ }
+
+ hr {
+ height:4px;
+ padding:0;
+ margin:16px 0;
+ background-color:#e7e7e7;
+ border:0 none;
+ }
+
+ ul,
+ ol {
+ padding-left:2em;
+ }
+
+ ul.no-list,
+ ol.no-list {
+ padding:0;
+ list-style-type:none;
+ }
+
+ ul ul,
+ ul ol,
+ ol ol,
+ ol ul {
+ margin-top:0;
+ margin-bottom:0;
+ }
+
+ ol ol,
+ ul ol {
+ list-style-type: lower-roman;
+ }
+
+ li>p {
+ margin-top:16px;
+ }
+
+ dl {
+ padding:0;
+ }
+
+ dl dt {
+ padding:0;
+ margin-top:16px;
+ font-size:1em;
+ font-style:italic;
+ font-weight:bold;
+ }
+
+ dl dd {
+ padding:0 16px;
+ margin-bottom:16px;
+ }
+
+ blockquote {
+ padding:0 15px;
+ color:#777;
+ border-left:4px solid #ddd;
+ }
+
+ blockquote>:first-child {
+ margin-top:0;
+ }
+
+ blockquote>:last-child {
+ margin-bottom:0;
+ }
+
+ table {
+ display:block;
+ width:100%;
+ overflow:auto;
+ word-break:normal;
+ word-break:keep-all;
+ }
+
+ table th {
+ font-weight:bold;
+ }
+
+ table th,
+ table td {
+ padding:6px 13px !important;
+ border:1px solid #ddd;
+ }
+
+ table tr {
+ background-color:#fff;
+ border-top:1px solid #ccc;
+ }
+
+ table tr:nth-child(2n) {
+ background-color:#f8f8f8;
+ }
+
+ img {
+ max-width:100%;
+ box-sizing:border-box;
+ }
+
+ .emoji {
+ max-width:none;
+ }
+
+ span.frame {
+ 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 img {
+ display:block;
+ float:left;
+ }
+
+ span.frame span span {
+ display:block;
+ padding:5px 0 0;
+ clear:both;
+ color:#333;
+ }
+
+ span.align-center {
+ 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 img {
+ margin:0 auto;
+ text-align:center;
+ }
+
+ span.align-right {
+ 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 img {
+ margin:0;
+ text-align:right;
+ }
+
+ span.float-left {
+ display:block;
+ float:left;
+ margin-right:13px;
+ overflow:hidden;
+ }
+
+ span.float-left span {
+ margin:13px 0 0;
+ }
+
+ span.float-right {
+ display:block;
+ float:right;
+ margin-left:13px;
+ overflow:hidden;
+ }
+
+ 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;
+ }
+
+ code:before,
+ code:after,
+ tt:before,
+ tt:after {
+ letter-spacing:-0.2em;
+ content:"\00a0";
+ }
+
+ code br,
+ tt br {
+ display:none;
+ }
+
+ del code {
+ text-decoration:inherit;
+ }
+
+ pre>code {
+ padding:0;
+ margin:0;
+ font-size:100%;
+ word-break:normal;
+ white-space:pre;
+ background:transparent;
+ border:0;
+ }
+
+ .highlight {
+ margin-bottom:16px;
+ }
+
+ .highlight pre,
+ pre {
+ 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;
+ }
+
+ pre {
+ 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;
+ }
+
+ pre code:before,
+ pre code:after,
+ pre tt:before,
+ pre tt:after {
+ 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;
+ }
+
+ .csv-data td,
+ .csv-data th {
+ 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;
+ }
+
+ .csv-data tr {
+ border-top:0;
+ }
+
+ .csv-data th {
+ 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/_repository.less b/public/less/_repository.less
index bdea35c0..a938d6af 100644
--- a/public/less/_repository.less
+++ b/public/less/_repository.less
@@ -3,20 +3,25 @@
padding-top: 15px;
padding-bottom: @footer-margin * 3;
+
.head {
- height: 75px;
- padding-top: 20px;
- background-color: #FCFCFC;
+ .column {
+ padding-top: 5px!important;
+ padding-bottom: 5px!important;
+ }
+ .ui.compact.menu {
+ margin-left: 1rem;
+ }
+ .ui.header {
+ margin-top: 0;
+ }
.mega-octicon {
width: @mega-octicon-width;
+ font-size: 30px;
}
- a,
- .fork-flag {
+ .ui.huge.breadcrumb {
font-weight: 300;
- }
- .ui.label {
- margin-top: 5px;
- vertical-align: top;
+ font-size: 1.7rem;
}
.fork-flag {
margin-left: @mega-octicon-width + 8px;
@@ -25,65 +30,39 @@
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;
+
+ .metas {
+ .menu {
+ max-height: 300px;
+ overflow-x: auto;
+ }
+ .ui.list {
+ .ui.avatar.image {
+ border-radius: 0;
}
- .color-picker {
- height: 35px;
- width: auto;
- padding-left: 30px;
+ .hide {
+ display: none!important;
}
- .minicolors-swatch.minicolors-sprite {
- top: 10px;
- left: 10px;
- width: 15px;
- height: 15px;
+ .label.color {
+ padding: 0 8px;
+ margin-right: 5px;
}
- &.precolors {
- padding-left: 0;
- padding-right: 0;
- margin-right: 10px;
- width: 120px;
- .color {
- float: left;
- width: 15px;
- height: 15px;
+ a {
+ padding-top: 5px;
+ padding-right: 10px;
+ .text {
+ color: #444;
+ &:hover {
+ color: #000;
+ }
}
}
}
}
.filter.menu {
.label.color {
- margin-left: 17px;
+ margin-left: 15px;
padding: 0 8px;
}
.octicon {
@@ -99,15 +78,16 @@
.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;
@@ -135,13 +115,55 @@
color: #000!important;
}
}
+ .assignee {
+ margin-top: -10px;
+ }
+ }
+ }
+ }
+ &.new.issue {
+ .comment.form {
+ .metas {
+ min-width: 220px;
+ .filter.menu {
+ max-height: 300px;
+ overflow-x: auto;
+ }
+ }
+ }
+ }
+ .comment.form {
+ .ui.comments {
+ margin-top: -12px;
+ max-width: 750px!important;
+ }
+ .content {
+ .field:first-child {
+ clear: none;
+ }
+ .tab.segment {
+ border: none;
+ padding: 0;
+ padding-top: 10px;
+ }
+ textarea {
+ height: 200px;
+ }
+ }
+ .dropzone {
+ width: 100%;
+ margin-bottom: 10px;
+ border: 2px dashed #0087F7;
+ box-shadow: none;
+ .dz-error-message {
+ top: 140px;
}
}
}
.label.list {
- clear: both;
list-style: none;
+ padding-top: 15px;
.item {
padding-top: 10px;
padding-bottom: 10px;
@@ -162,8 +184,8 @@
}
.milestone.list {
- clear: both;
list-style: none;
+ padding-top: 15px;
> .item {
padding-top: 10px;
padding-bottom: 10px;
@@ -216,11 +238,48 @@
textarea {
height: 200px;
}
+ #deadline {
+ width: 150px;
+ }
}
- &.settings {
- .content {
- padding-left: 20px!important;
+ &.compare.pull {
+ .choose.branch {
+ .octicon {
+ padding-right: 10px;
+ }
+ }
+ }
+
+ .filter.dropdown .menu {
+ margin-top: 1px!important;
+ .items {
+ max-height: 300px;
+ overflow-y: auto;
+ .item {
+ position: relative;
+ cursor: pointer;
+ display: block;
+ border: none;
+ height: auto;
+ border-top: none;
+ line-height: 1em;
+ color: rgba(0,0,0,.8);
+ padding: .71428571em 1.14285714em!important;
+ font-size: 1rem;
+ text-transform: none;
+ font-weight: 400;
+ box-shadow: none;
+ -webkit-touch-callout: none;
+ &.active {
+ font-weight: 700;
+ }
+ &:hover {
+ background: rgba(0,0,0,.05);
+ color: rgba(0,0,0,.8);
+ z-index: 13;
+ }
+ }
}
}
}
@@ -249,30 +308,47 @@
}
}
-.edit-label.modal {
- .color-picker {
- margin-top: -8px!important;
- height: 35px;
- width: auto!important;
- padding-left: 30px!important;
+.ui.vertical.menu {
+ .header.item {
+ font-size: 1.1em;
+ background: #f0f0f0;
}
- .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
diff --git a/public/less/gogs.less b/public/less/gogs.less
index 28ad7c63..54fc4094 100644
--- a/public/less/gogs.less
+++ b/public/less/gogs.less
@@ -1,5 +1,6 @@
@import "_octicons";
@import "_base";
+@import "_markdown";
@import "_home";
@import "_install";
@import "_form";
Powered by cgit, Themed by Ted Yin.