mirror of
https://github.com/status-im/codimd.git
synced 2025-02-28 11:40:35 +00:00
not to compress css
Signed-off-by: Ca Chen <kiancaca@gmail.com>
This commit is contained in:
parent
95947e203f
commit
b5b0b8be36
@ -1 +1,183 @@
|
||||
.fretTitle{color:#555;font-family:"Helvetica Neue",sans-serif;background:#eee;line-height:1.4;font-size:1.6em;margin:10px 0 10px 0;font-weight:900;padding:5px}section{padding:20px}.content{max-width:960px;margin:auto}.fretContainer{width:320px;margin:0 auto}.fretContainer_h{max-width:400px;margin:0 auto}@media all and (max-width: 400px){.fretContainer_h{max-width:288px}}@media all and (max-width: 420px){.fretContainer{max-width:220px}}.svg_wrapper{background-color:#fff;position:relative;height:0}.svg_wrapper svg.fretboard_bg{position:absolute;top:0;left:0;z-index:0}.svg_wrapper .cells{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}.svg_wrapper.v4{padding-top:91.6666666667%}.svg_wrapper.v5{padding-top:106.9444444444%}.svg_wrapper.v7{padding-top:137.5%}.svg_wrapper.v9{padding-top:168.0555555556%}.svg_wrapper.v12{padding-top:213.8888888889%}.svg_wrapper.v15{padding-top:259.7222222222%}.svg_wrapper.v .cell svg{width:12.5%;float:left;display:block}.svg_wrapper.v4 .cell svg{height:16.6666666667%}.svg_wrapper.v5 .cell svg{height:14.2857142857%}.svg_wrapper.v7 .cell svg{height:11.1111111111%}.svg_wrapper.v9 .cell svg{height:9.0909090909%}.svg_wrapper.v12 .cell svg{height:7.1428571429%}.svg_wrapper.v15 .cell svg{height:5.8823529412%}.svg_wrapper.h5{padding-top:85.7142857143%}.svg_wrapper.h6{padding-top:75%}.svg_wrapper.h7{padding-top:72.7272727273%}.svg_wrapper.h .cell svg{height:12.5%;float:left;display:block;z-index:2}.svg_wrapper.h5 .cell svg{width:14.2857142857%}.svg_wrapper.h6 .cell svg{width:12.5%}.svg_wrapper.h7 .cell svg{width:12.1212121212%}.cell.dot .fretb_dot{fill:#27a9e1}.cell.dot.root .fretb_dot{fill:#f05a28}.cell.dot.faded .fretb_dot{opacity:.25}.fretboard_bg .fret_bg rect{fill:#fff}.fretboard_bg .frets rect{fill:#ddd}.fretboard_bg .nut rect{fill:#6e6e6e}.fretboard_bg .strings rect{fill:#6e6e6e}.svg_wrapper.noNut .fretboard_bg .nut rect{fill:none}/*# sourceMappingURL=i.css.map */
|
||||
/* -- GENERAL TYPOGRAPHY -- */
|
||||
.fretTitle {
|
||||
color: #555;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
background: #eee;
|
||||
line-height: 1.4;
|
||||
font-size: 1.6em;
|
||||
margin: 10px 0 10px 0;
|
||||
font-weight: 900;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.content {
|
||||
max-width: 960px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
/* Fretboard Container/Wrapper */
|
||||
.fretContainer {
|
||||
width: 320px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.fretContainer_h {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.fretContainer_h {
|
||||
max-width: 288px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 420px) {
|
||||
.fretContainer {
|
||||
max-width: 220px;
|
||||
}
|
||||
}
|
||||
.svg_wrapper {
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.svg_wrapper svg.fretboard_bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.svg_wrapper .cells {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.svg_wrapper.v4 {
|
||||
padding-top: 91.6666666667%;
|
||||
}
|
||||
|
||||
.svg_wrapper.v5 {
|
||||
padding-top: 106.9444444444%;
|
||||
}
|
||||
|
||||
.svg_wrapper.v7 {
|
||||
padding-top: 137.5%;
|
||||
}
|
||||
|
||||
.svg_wrapper.v9 {
|
||||
padding-top: 168.0555555556%;
|
||||
}
|
||||
|
||||
.svg_wrapper.v12 {
|
||||
padding-top: 213.8888888889%;
|
||||
}
|
||||
|
||||
.svg_wrapper.v15 {
|
||||
padding-top: 259.7222222222%;
|
||||
}
|
||||
|
||||
.svg_wrapper.v .cell svg {
|
||||
width: 12.5%;
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.svg_wrapper.v4 .cell svg {
|
||||
height: 16.6666666667%;
|
||||
}
|
||||
|
||||
.svg_wrapper.v5 .cell svg {
|
||||
height: 14.2857142857%;
|
||||
}
|
||||
|
||||
.svg_wrapper.v7 .cell svg {
|
||||
height: 11.1111111111%;
|
||||
}
|
||||
|
||||
.svg_wrapper.v9 .cell svg {
|
||||
height: 9.0909090909%;
|
||||
}
|
||||
|
||||
.svg_wrapper.v12 .cell svg {
|
||||
height: 7.1428571429%;
|
||||
}
|
||||
|
||||
.svg_wrapper.v15 .cell svg {
|
||||
height: 5.8823529412%;
|
||||
}
|
||||
|
||||
.svg_wrapper.h5 {
|
||||
padding-top: 85.7142857143%;
|
||||
}
|
||||
|
||||
.svg_wrapper.h6 {
|
||||
padding-top: 75%;
|
||||
}
|
||||
|
||||
.svg_wrapper.h7 {
|
||||
padding-top: 72.7272727273%;
|
||||
}
|
||||
|
||||
.svg_wrapper.h .cell svg {
|
||||
height: 12.5%;
|
||||
float: left;
|
||||
display: block;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.svg_wrapper.h5 .cell svg {
|
||||
width: 14.2857142857%;
|
||||
}
|
||||
|
||||
.svg_wrapper.h6 .cell svg {
|
||||
width: 12.5%;
|
||||
}
|
||||
|
||||
.svg_wrapper.h7 .cell svg {
|
||||
width: 12.1212121212%;
|
||||
}
|
||||
|
||||
/* Fretboard Element Styles */
|
||||
.cell.dot .fretb_dot {
|
||||
fill: #27a9e1;
|
||||
}
|
||||
|
||||
.cell.dot.root .fretb_dot {
|
||||
fill: #F05A28;
|
||||
}
|
||||
|
||||
.cell.dot.faded .fretb_dot {
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
.fretboard_bg .fret_bg rect {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.fretboard_bg .frets rect {
|
||||
fill: #ddd;
|
||||
}
|
||||
|
||||
.fretboard_bg .nut rect {
|
||||
fill: #6e6e6e;
|
||||
}
|
||||
|
||||
.fretboard_bg .strings rect {
|
||||
fill: #6e6e6e;
|
||||
}
|
||||
|
||||
.svg_wrapper.noNut .fretboard_bg .nut rect {
|
||||
fill: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=i.css.map */
|
||||
|
Loading…
x
Reference in New Issue
Block a user