ffc9d555 |
:root {
|
d0e0c20f |
--no-cols: 5;
|
ffc9d555 |
}
|
aa6056e8 |
#branchList {
margin-right: 8pt;
padding: 0;
}
|
ffc9d555 |
ul.breadcrumb {
|
d0e0c20f |
padding: 0;
margin: 0;
border: none;
background: none;
display: block;
float: left;
|
ffc9d555 |
}
|
3fd00ec5 |
main:focus {
outline: none;
}
|
5b78f122 |
.page-container, #repositories {
|
d0e0c20f |
grid-template-rows: 4em 9fr 1fr;
grid-template-columns: 2fr 9fr;
display: grid;
height: 100vh;
width: 100%;
main {
overflow: auto;
padding: 12px;
grid-area: main;
}
|
5b78f122 |
}
.page-container {
|
d0e0c20f |
grid-template-areas: "nav main"
"nav main"
"foot main";
|
5b78f122 |
}
#repositories {
|
d0e0c20f |
grid-template-areas: "nav head"
"nav main"
"foot main";
|
5b78f122 |
}
.fwoar-nav {
|
d0e0c20f |
grid-area: nav;
padding-top: 12px;
padding-left: 12px;
.brand {
font-weight: bolder;
display: block;
text-align: center;
margin-bottom: 2em;
padding: 1rem;
}
}
|
5b78f122 |
|
d0e0c20f |
@media screen and (max-width: 1919px) {
:root {
--no-cols: 4;
}
|
5b78f122 |
}
|
ffc9d555 |
@media screen and (max-width: 1499px) {
|
d0e0c20f |
:root {
--no-cols: 3;
}
|
ffc9d555 |
}
@media screen and (max-width: 1024px) {
|
d0e0c20f |
:root {
--no-cols: 2;
}
|
ffc9d555 |
}
@media screen and (max-width: 768px) {
|
d0e0c20f |
:root {
--no-cols: 1;
}
|
5b78f122 |
|
d0e0c20f |
.page-container, #repositories {
grid-template-areas: "nav nav"
"head head"
"main main"
"foot foot"
;
grid-template-rows: 8rem 6.5rem 1fr 3.2em;
height: auto;
}
.fwoar-nav {
ul { display: flex; justify-content: space-around; }
}
|
5b78f122 |
|
d0e0c20f |
.repository-list {
overflow-y: visible;
}
|
ffc9d555 |
}
|
91b55737 |
div.repo-search {
|
d0e0c20f |
grid-area: head;
|
5b78f122 |
}
footer {
|
d0e0c20f |
padding: 1em;
grid-area: foot;
|
5b78f122 |
}
|
ffc9d555 |
* { box-sizing: border-box; }
div.source-view .source-header {
|
d0e0c20f |
height: auto;
padding-top: 0;
padding-right: 0;
|
ffc9d555 |
}
.source-header::after {
|
d0e0c20f |
float: none;
clear: both;
content: " ";
display: block;
|
ffc9d555 |
}
.page-container main {
|
d0e0c20f |
overflow-y: auto;
|
ffc9d555 |
}
|
41c66fe7 |
div.repo-search {
|
d0e0c20f |
padding: 12px;
position: relative;
input {
margin: 0;
width: 100%;
height: 100%;
position: absolute;
bottom: 12px;
left: 12px;
width: calc(100% - 40px);
height: 2.5em;
}
|
ffc9d555 |
}
.repository-list {
|
d0e0c20f |
grid-row-end: span 2;
padding: 12px 12px;
|
ffc9d555 |
|
d0e0c20f |
display: grid;
grid-template-columns: repeat(var(--no-cols), 1fr);
justify-content: space-between;
grid-gap: 10px 14px;
|
ffc9d555 |
}
.source-view {
|
d0e0c20f |
width: 100%;
margin-bottom: @baseLineHeight;
border: 1pt solid @treeHeaderBorder;
.source-header {
padding: 8pt;
line-height: @baseLineHeight;
text-align: left;
vertical-align: bottom;
border-bottom: 1pt solid @treeHeaderBorder;
font-weight: bold;
|
876b7568 |
color: @zenburnFgLight;
|
d0e0c20f |
height:28pt;
.meta {
float: left;
padding: 4pt 0;
font-size: 14pt;
}
|
ffc9d555 |
}
pre {
|
d0e0c20f |
margin: 0;
padding: 12pt;
border: none;
|
ffc9d555 |
}
|
d0e0c20f |
#sourcecode {
margin: 0;
padding: 0;
border: none;
width:100%;
height:600pt;
|
ffc9d555 |
}
|
d0e0c20f |
.source-diff {
background-color: @bodyBackgroundLight;
pre {
margin: 0;
padding: 0 0 0 6pt;
border: none;
.border-radius(0);
&:hover {
background-color: @bodyBackgroundLight;
}
}
table td {
padding: 0pt;
}
.new {
background-color: hsl(127, 50%, 10%);
}
.old {
background-color: hsl(0, 50%, 10%);
}
.chunk {
background-color: @bodyBackgroundLight;
|
876b7568 |
color: @zenburnFgLight;
|
d0e0c20f |
}
.lineNo {
color: #aaa;
background-color: @bodyBackgroundLight;
padding: 0 6pt;
text-align: right;
border-right: 1pt solid @grayDarker;
font-family: monospace;
}
|
ffc9d555 |
}
|
d0e0c20f |
.image-blob {
padding:10pt;
max-width: 600pt;
|
ffc9d555 |
}
}
.blame-view {
|
d0e0c20f |
width: 100%;
background-color: @bodyBackgroundLight;
td {
vertical-align:top;
padding:8pt;
}
tr {
border-bottom:1pt solid @grayDarker;
}
tr:last-child {border-bottom:0}
.line {
font-weight:700;
border-right:1pt solid @grayDarker;
}
.commit {
font-weight:700;
border-right:1pt solid @grayDarker;
}
pre {
margin:0;
padding:0;
border:none;
.border-radius(0);
}
|
ffc9d555 |
}
.commit-view {
|
d0e0c20f |
width: 100%;
margin-bottom: @baseLineHeight;
border: 1pt solid @treeHeaderBorder;
.border-radius(4pt);
.commit-header {
padding: 8pt;
line-height: @baseLineHeight;
text-align: left;
vertical-align: bottom;
border-bottom: 1pt solid @grayDarker;
font-weight: bold;
h4 {
padding: 4pt 0;
}
}
.commit-body {
padding: 8pt;
|
ffc9d555 |
}
}
.commit-list {
|
d0e0c20f |
list-style-type:none;
li {
padding:8pt 5pt 8pt 5pt;
font-size:14pt;
font-weight: 700;
border-bottom: 1pt solid @grayDarker;
overflow: hidden;
.meta {
font-weight: normal;
font-size: 14pt;
|
876b7568 |
color: @zenburnFgLight;
|
d0e0c20f |
}
|
ffc9d555 |
}
|
d0e0c20f |
li:last-child {border-bottom:0;margin-bottom:25pt;}
|
ffc9d555 |
}
.repository:hover {
|
d0e0c20f |
text-decoration: none;
border-color: @linkColorHover;
|
ffc9d555 |
}
.repository {
|
d0e0c20f |
border-radius: 5px;
|
f7b0a774 |
transition: border-color ease 0.25s;
|
d0e0c20f |
box-sizing: border-box;
|
876b7568 |
border: 2pt solid @bodyBackground;
|
71355935 |
background: @bodyBackgroundLight;
|
d0e0c20f |
padding: 1em;
.ltr-border {
border-bottom: none;
position: relative;
top: 2pt;
padding-top: 8pt;
padding-right: 12pt;
padding-bottom: 5.75pt;
padding-left: 4pt;
margin-left: -4pt;
margin-bottom: -6pt;
z-index: 999;
}
.repository-header {
padding: 4pt;
font-weight: 700;
font-size:12pt;
}
.repository-body {
font-size: 10pt;
font-weight: 300;
padding: 4pt;
padding-left: 16pt;
/*border: 2pt solid lighten(@treeHeaderBorder, 5%);*/
border-top: none;
p {
font-size: 10pt;
margin: 0;
}
|
ffc9d555 |
}
}
.readme-view {
|
d0e0c20f |
border: 1pt solid @treeHeaderBorder;
|
ffc9d555 |
}
.md-view {
|
d0e0c20f |
width: 100%;
margin-bottom: @baseLineHeight;
|
ffc9d555 |
}
.md-header {
|
d0e0c20f |
padding: 8pt;
line-height: @baseLineHeight;
text-align: left;
vertical-align: bottom;
border-bottom: 1pt solid @grayDarker;
font-weight: bold;
|
876b7568 |
color: @zenburnFgLight;
|
d0e0c20f |
height:28pt;
.meta {
float: left;
padding: 4pt 0;
font-size: 14pt;
}
|
ffc9d555 |
}
#md-content {
|
d0e0c20f |
padding: 30pt;
|
ffc9d555 |
}
|