Browse Source

for LF line endings for CSS/JS files, WIP #103

fix-133-memory-crash
Dan Janosik 6 years ago
parent
commit
3eb857191e
No known key found for this signature in database GPG Key ID: C6F8CE9FFDB2CED2
  1. 5
      .gitattributes
  2. 516
      public/css/styling.css

5
.gitattributes

@ -0,0 +1,5 @@
# https://help.github.com/articles/dealing-with-line-endings/
* text=auto
*.css text eol=lf
*.js text eol=lf

516
public/css/styling.css

@ -1,259 +1,259 @@
body { body {
font-size: 14px; font-size: 14px;
font-family: "Ubuntu", sans-serif; font-family: "Ubuntu", sans-serif;
/*font: 14px 'Open Sans', "Lucida Grande", Helvetica, Arial, sans-serif;*/ /*font: 14px 'Open Sans', "Lucida Grande", Helvetica, Arial, sans-serif;*/
} }
hr { hr {
margin: 5px 0 15px 0; margin: 5px 0 15px 0;
} }
img.header-image { img.header-image {
margin-top: -10px; margin-top: -10px;
margin-bottom: -5px; margin-bottom: -5px;
width: 30px; width: 30px;
height: 30px; height: 30px;
margin-right: 10px; margin-right: 10px;
} }
code, .monospace { code, .monospace {
font-family: "Source Code Pro", monospace; font-family: "Source Code Pro", monospace;
} }
.card-body { .card-body {
padding: 1.1em; padding: 1.1em;
} }
.details-table td { .details-table td {
border-top: none; border-top: none;
padding: 0.4em; padding: 0.4em;
padding-right: 0.6em; padding-right: 0.6em;
} }
.properties-header { .properties-header {
width: 160px; width: 160px;
text-align: right; text-align: right;
font-weight: bold; font-weight: bold;
} }
.popover { .popover {
max-width: 1200px; max-width: 1200px;
} }
pre { pre {
white-space: pre-wrap; white-space: pre-wrap;
white-space: -moz-pre-wrap; white-space: -moz-pre-wrap;
white-space: -pre-wrap; white-space: -pre-wrap;
white-space: -o-pre-wrap; white-space: -o-pre-wrap;
word-wrap: break-word; word-wrap: break-word;
} }
.word-wrap { .word-wrap {
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-all;
} }
.tag { .tag {
border-radius: 4px; border-radius: 4px;
background-color: #0275d8; background-color: #0275d8;
color: white; color: white;
padding: 2px 5px; padding: 2px 5px;
margin-right: 4px; margin-right: 4px;
} }
.tx-out-type-tag { .tx-out-type-tag {
background-color: #e1e1e1; background-color: #e1e1e1;
color: black; color: black;
font-weight: 300; font-weight: 300;
} }
#subheader a { #subheader a {
margin-right: 20px; margin-right: 20px;
} }
.table th { .table th {
border-top: none; border-top: none;
} }
.dropdown-item:focus, .dropdown-item:hover { .dropdown-item:focus, .dropdown-item:hover {
background-color: #e3e3e3; background-color: #e3e3e3;
} }
#sub-menu a:hover { #sub-menu a:hover {
text-decoration: underline; text-decoration: underline;
} }
strong { strong {
font-weight: 500; font-weight: 500;
} }
.summary-table-label, .summary-table-content, .summary-split-table-label, .summary-split-table-content, .tx-io-label, .tx-io-content, .tx-io-desc, .tx-io-value { .summary-table-label, .summary-table-content, .summary-split-table-label, .summary-split-table-content, .tx-io-label, .tx-io-content, .tx-io-desc, .tx-io-value {
position: relative; position: relative;
width: 100%; width: 100%;
min-height: 1px; min-height: 1px;
padding-right: 5px; padding-right: 5px;
padding-left: 15px; padding-left: 15px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.summary-table-label, .summary-split-table-label, .tx-io-label { .summary-table-label, .summary-split-table-label, .tx-io-label {
font-weight: bold; font-weight: bold;
} }
.summary-table-content, .summary-split-table-content { .summary-table-content, .summary-split-table-content {
margin-bottom: 20px; margin-bottom: 20px;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.summary-table-label { .summary-table-label {
max-width: 100%; max-width: 100%;
text-align: left; text-align: left;
} }
.summary-table-content { .summary-table-content {
max-width: 100%; max-width: 100%;
margin-bottom: 20px; margin-bottom: 20px;
} }
.summary-split-table-label { .summary-split-table-label {
max-width: 100%; max-width: 100%;
text-align: left; text-align: left;
} }
.summary-split-table-content { .summary-split-table-content {
max-width: 100%; max-width: 100%;
margin-bottom: 20px; margin-bottom: 20px;
} }
.tx-io-label { max-width: 100%; } .tx-io-label { max-width: 100%; }
.tx-io-content { max-width: 100%; } .tx-io-content { max-width: 100%; }
.tx-io-desc { max-width: 100%; } .tx-io-desc { max-width: 100%; }
.tx-io-value { max-width: 100%; } .tx-io-value { max-width: 100%; }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.summary-table-label { .summary-table-label {
max-width: 18%; max-width: 18%;
text-align: right; text-align: right;
} }
.summary-table-content { .summary-table-content {
max-width: 82%; max-width: 82%;
margin-bottom: 5px; margin-bottom: 5px;
} }
.summary-split-table-label { .summary-split-table-label {
max-width: 36%; max-width: 36%;
text-align: right; text-align: right;
} }
.summary-split-table-content { .summary-split-table-content {
max-width: 64%; max-width: 64%;
margin-bottom: 5px; margin-bottom: 5px;
} }
.tx-io-label { max-width: 8%; } .tx-io-label { max-width: 8%; }
.tx-io-content { max-width: 92%; } .tx-io-content { max-width: 92%; }
.tx-io-desc { max-width: 60%; } .tx-io-desc { max-width: 60%; }
.tx-io-value { max-width: 40%; text-align: right; padding-right: 25px; } .tx-io-value { max-width: 40%; text-align: right; padding-right: 25px; }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.summary-table-label { .summary-table-label {
max-width: 15%; max-width: 15%;
text-align: right; text-align: right;
} }
.summary-table-content { .summary-table-content {
max-width: 85%; max-width: 85%;
margin-bottom: 5px; margin-bottom: 5px;
} }
.summary-split-table-label { .summary-split-table-label {
max-width: 30%; max-width: 30%;
text-align: right; text-align: right;
} }
.summary-split-table-content { .summary-split-table-content {
max-width: 70%; max-width: 70%;
margin-bottom: 5px; margin-bottom: 5px;
} }
.tx-io-label { max-width: 11%; } .tx-io-label { max-width: 11%; }
.tx-io-content { max-width: 89%; } .tx-io-content { max-width: 89%; }
.tx-io-desc { max-width: 60%; } .tx-io-desc { max-width: 60%; }
.tx-io-value { max-width: 40%; text-align: right; padding-right: 25px; } .tx-io-value { max-width: 40%; text-align: right; padding-right: 25px; }
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.container { .container {
max-width: 1160px; max-width: 1160px;
} }
.summary-table-label { .summary-table-label {
max-width: 11%; max-width: 11%;
text-align: right; text-align: right;
} }
.summary-table-content { .summary-table-content {
max-width: 89%; max-width: 89%;
margin-bottom: 5px; margin-bottom: 5px;
} }
.summary-split-table-label { .summary-split-table-label {
max-width: 22%; max-width: 22%;
text-align: right; text-align: right;
} }
.summary-split-table-content { .summary-split-table-content {
max-width: 78%; max-width: 78%;
margin-bottom: 5px; margin-bottom: 5px;
} }
.tx-io-label { max-width: 9.5%; } .tx-io-label { max-width: 9.5%; }
.tx-io-content { max-width: 90.5%; } .tx-io-content { max-width: 90.5%; }
.tx-io-desc { max-width: 61%; } .tx-io-desc { max-width: 61%; }
.tx-io-value { max-width: 39%; text-align: right; padding-right: 25px; } .tx-io-value { max-width: 39%; text-align: right; padding-right: 25px; }
} }
@media (min-width: 1920px) { @media (min-width: 1920px) {
.container { .container {
max-width: 1800px; max-width: 1800px;
} }
.summary-table-label { .summary-table-label {
max-width: 8%; max-width: 8%;
text-align: right; text-align: right;
} }
.summary-table-content { .summary-table-content {
max-width: 92%; max-width: 92%;
margin-bottom: 5px; margin-bottom: 5px;
} }
.summary-split-table-label { .summary-split-table-label {
max-width: 16%; max-width: 16%;
text-align: right; text-align: right;
} }
.summary-split-table-content { .summary-split-table-content {
max-width: 84%; max-width: 84%;
margin-bottom: 5px; margin-bottom: 5px;
} }
.tx-io-label { max-width: 6.5%; } .tx-io-label { max-width: 6.5%; }
.tx-io-content { max-width: 93.5%; } .tx-io-content { max-width: 93.5%; }
.tx-io-desc { max-width: 70%; } .tx-io-desc { max-width: 70%; }
.tx-io-value { max-width: 30%; text-align: right; padding-right: 25px; } .tx-io-value { max-width: 30%; text-align: right; padding-right: 25px; }
} }
footer { footer {
border-top: solid 5px #597FA5; border-top: solid 5px #597FA5;
border-bottom: solid 5px #597FA5; border-bottom: solid 5px #597FA5;
} }
footer a { footer a {
color: #ccc; color: #ccc;
text-decoration: underline; text-decoration: underline;
} }
footer a:hover { footer a:hover {
color: white; color: white;
} }
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th { .table-striped>tbody>tr:nth-child(odd)>th {
/*background-color: #fbfbfb;*/ /*background-color: #fbfbfb;*/
} }
Loading…
Cancel
Save