Add LESS styles, fonts, icons, CSS generation
Matt Baer
parent
18b9b2124e
commit
0567564905
|
|
@ -0,0 +1,14 @@
|
|||
|
||||
all : local
|
||||
|
||||
install :
|
||||
cd less/; $(MAKE) install $(MFLAGS)
|
||||
|
||||
clean :
|
||||
cd less/; $(MAKE) install $(MFLAGS)
|
||||
|
||||
local : force_look
|
||||
cd less/; $(MAKE) $(MFLAGS)
|
||||
|
||||
force_look :
|
||||
true
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
ifeq ($(shell which lessc),/usr/bin/lessc)
|
||||
LESSC=/usr/bin/lessc
|
||||
else
|
||||
LESSC=node_modules/.bin/lessc
|
||||
endif
|
||||
export LESSC
|
||||
|
||||
CSSDIR=../static/css/
|
||||
|
||||
all :
|
||||
$(LESSC) app.less --clean-css="--s1 --advanced" $(CSSDIR)write.css
|
||||
$(LESSC) fonts.less --clean-css="--s1 --advanced" $(CSSDIR)fonts.css
|
||||
$(LESSC) icons.less --clean-css="--s1 --advanced" $(CSSDIR)icons.css
|
||||
|
||||
install :
|
||||
./install-less.sh
|
||||
$(MAKE) all
|
||||
|
||||
clean :
|
||||
rm -f write.css
|
||||
rm -f fonts.css
|
||||
rm -f icons.css
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
@import "new-core";
|
||||
@import "core";
|
||||
@import "pad";
|
||||
@import "pad-theme";
|
||||
@import "post-temp";
|
||||
@import "effects";
|
||||
@import "pages/error";
|
||||
@import "lib/elements";
|
||||
@import "lib/material";
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,39 @@
|
|||
.effect {
|
||||
-moz-animation-name: fadeIn;
|
||||
-webkit-animation-name: fadeIn;
|
||||
-ms-animation-name: fadeIn;
|
||||
animation-name: fadeIn;
|
||||
-moz-animation-duration: .4s;
|
||||
-webkit-animation-duration: .4s;
|
||||
-ms-animation-duration: .4s;
|
||||
animation-duration: .4s;
|
||||
-moz-animation-timing-function: ease-in-out;
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
-ms-animation-timing-function: ease-in-out;
|
||||
animation-timing-function: ease-in-out;
|
||||
-moz-animation-fill-mode: forwards;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
-ms-animation-fill-mode: forwards;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
.effect.fade-out {
|
||||
-moz-animation-name: fadeOut;
|
||||
-webkit-animation-name: fadeOut;
|
||||
-ms-animation-name: fadeOut;
|
||||
animation-name: fadeOut;
|
||||
}
|
||||
.del-undo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
@-moz-keyframes fadeIn { 0% { opacity: 0; position: static; } 100% { opacity: 1; }}
|
||||
@-webkit-keyframes fadeIn { 0% { opacity: 0; position: static; } 100% { opacity: 1; }}
|
||||
@-ms-keyframes fadeIn { 0% { opacity: 0; position: static; } 100% { opacity: 1; }}
|
||||
@-keyframes fadeIn { 0% { opacity: 0; position: static; } 100% { opacity: 1; }}
|
||||
|
||||
@-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; position: absolute; top: -1000px; left: -1000px; }}
|
||||
@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; position: absolute; top: -1000px; left: -1000px; }}
|
||||
@-ms-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; position: absolute; top: -1000px; left: -1000px; }}
|
||||
@-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; position: absolute; top: -1000px; left: -1000px; }}
|
||||
|
|
@ -0,0 +1,64 @@
|
|||
/* open-sans-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('/fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local('Open Sans'), local('OpenSans'),
|
||||
url('/fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/fonts/open-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/fonts/open-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('/fonts/open-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/fonts/open-sans-v13-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* open-sans-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('/fonts/open-sans-v13-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'),
|
||||
url('/fonts/open-sans-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/fonts/open-sans-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/fonts/open-sans-v13-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('/fonts/open-sans-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/fonts/open-sans-v13-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* lora-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Lora';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('/fonts/lora-v9-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local('Lora'), local('Lora-Regular'),
|
||||
url('/fonts/lora-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/fonts/lora-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/fonts/lora-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('/fonts/lora-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/fonts/lora-v9-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* lora-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Lora';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('/fonts/lora-v9-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local('Lora Bold'), local('Lora-Bold'),
|
||||
url('/fonts/lora-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/fonts/lora-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/fonts/lora-v9-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('/fonts/lora-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/fonts/lora-v9-latin-700.svg#Lora') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Lora';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('/fonts/lora-v10-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
|
||||
src: local('Lora Italic'), local('Lora-Italic'),
|
||||
url('/fonts/lora-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/fonts/lora-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/fonts/lora-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('/fonts/lora-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/fonts/lora-v10-latin-italic.svg#Lora') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(MaterialIcons-Regular.eot); /* For IE6-8 */
|
||||
src: local('Material Icons'),
|
||||
local('MaterialIcons-Regular'),
|
||||
url(/fonts/MaterialIcons-Regular.woff2) format('woff2'),
|
||||
url(/fonts/MaterialIcons-Regular.woff) format('woff'),
|
||||
url(/fonts/MaterialIcons-Regular.ttf) format('truetype');
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px; /* Preferred icon size */
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
line-height: 1;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* Support for IE. */
|
||||
font-feature-settings: 'liga';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
#!/bin/sh
|
||||
|
||||
# Install Less via npm
|
||||
if [ ! -e "$(which lessc)" ]; then
|
||||
sudo npm install -g less
|
||||
sudo npm install -g less-plugin-clean-css
|
||||
else
|
||||
echo LESS $(npm view less version 2>&1 | grep -v WARN) is installed
|
||||
fi
|
||||
|
|
@ -0,0 +1,156 @@
|
|||
/*---------------------------------------------------
|
||||
LESS Elements 0.9
|
||||
---------------------------------------------------
|
||||
A set of useful LESS mixins
|
||||
More info at: http://lesselements.com
|
||||
---------------------------------------------------*/
|
||||
|
||||
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
|
||||
background: @color;
|
||||
background: -webkit-gradient(linear,
|
||||
left bottom,
|
||||
left top,
|
||||
color-stop(0, @start),
|
||||
color-stop(1, @stop));
|
||||
background: -ms-linear-gradient(bottom,
|
||||
@start,
|
||||
@stop);
|
||||
background: -moz-linear-gradient(center bottom,
|
||||
@start 0%,
|
||||
@stop 100%);
|
||||
background: -o-linear-gradient(@stop,
|
||||
@start);
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
|
||||
}
|
||||
.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
|
||||
background: @color;
|
||||
background: -webkit-gradient(linear,
|
||||
left bottom,
|
||||
left top,
|
||||
color-stop(0, rgb(@start,@start,@start)),
|
||||
color-stop(1, rgb(@stop,@stop,@stop)));
|
||||
background: -ms-linear-gradient(bottom,
|
||||
rgb(@start,@start,@start) 0%,
|
||||
rgb(@stop,@stop,@stop) 100%);
|
||||
background: -moz-linear-gradient(center bottom,
|
||||
rgb(@start,@start,@start) 0%,
|
||||
rgb(@stop,@stop,@stop) 100%);
|
||||
background: -o-linear-gradient(rgb(@stop,@stop,@stop),
|
||||
rgb(@start,@start,@start));
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop,@stop,@stop),rgb(@start,@start,@start)));
|
||||
}
|
||||
.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
|
||||
border-top: solid 1px @top-color;
|
||||
border-left: solid 1px @left-color;
|
||||
border-right: solid 1px @right-color;
|
||||
border-bottom: solid 1px @bottom-color;
|
||||
}
|
||||
.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) {
|
||||
-webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
|
||||
-moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
|
||||
box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
|
||||
}
|
||||
.rounded(@radius: 2px) {
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
}
|
||||
.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
|
||||
-webkit-border-top-right-radius: @topright;
|
||||
-webkit-border-bottom-right-radius: @bottomright;
|
||||
-webkit-border-bottom-left-radius: @bottomleft;
|
||||
-webkit-border-top-left-radius: @topleft;
|
||||
-moz-border-radius-topright: @topright;
|
||||
-moz-border-radius-bottomright: @bottomright;
|
||||
-moz-border-radius-bottomleft: @bottomleft;
|
||||
-moz-border-radius-topleft: @topleft;
|
||||
border-top-right-radius: @topright;
|
||||
border-bottom-right-radius: @bottomright;
|
||||
border-bottom-left-radius: @bottomleft;
|
||||
border-top-left-radius: @topleft;
|
||||
.background-clip(padding-box);
|
||||
}
|
||||
.opacity(@opacity: 0.5) {
|
||||
-moz-opacity: @opacity;
|
||||
-khtml-opacity: @opacity;
|
||||
-webkit-opacity: @opacity;
|
||||
opacity: @opacity;
|
||||
@opperc: @opacity * 100;
|
||||
-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
|
||||
filter: ~"alpha(opacity=@{opperc})";
|
||||
}
|
||||
.transition-duration(@duration: 0.2s) {
|
||||
-moz-transition-duration: @duration;
|
||||
-webkit-transition-duration: @duration;
|
||||
-o-transition-duration: @duration;
|
||||
transition-duration: @duration;
|
||||
}
|
||||
.transform(...) {
|
||||
-webkit-transform: @arguments;
|
||||
-moz-transform: @arguments;
|
||||
-o-transform: @arguments;
|
||||
-ms-transform: @arguments;
|
||||
transform: @arguments;
|
||||
}
|
||||
.rotation(@deg:5deg){
|
||||
.transform(rotate(@deg));
|
||||
}
|
||||
.scale(@ratio:1.5){
|
||||
.transform(scale(@ratio));
|
||||
}
|
||||
.transition(@duration:0.2s, @ease:ease-out) {
|
||||
-webkit-transition: all @duration @ease;
|
||||
-moz-transition: all @duration @ease;
|
||||
-o-transition: all @duration @ease;
|
||||
transition: all @duration @ease;
|
||||
}
|
||||
.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) {
|
||||
-webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
|
||||
-moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
|
||||
box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
|
||||
}
|
||||
.box-shadow(@arguments) {
|
||||
-webkit-box-shadow: @arguments;
|
||||
-moz-box-shadow: @arguments;
|
||||
box-shadow: @arguments;
|
||||
}
|
||||
.box-sizing(@sizing: border-box) {
|
||||
-ms-box-sizing: @sizing;
|
||||
-moz-box-sizing: @sizing;
|
||||
-webkit-box-sizing: @sizing;
|
||||
box-sizing: @sizing;
|
||||
}
|
||||
.user-select(@argument: none) {
|
||||
-webkit-user-select: @argument;
|
||||
-moz-user-select: @argument;
|
||||
-ms-user-select: @argument;
|
||||
user-select: @argument;
|
||||
}
|
||||
.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) {
|
||||
-moz-column-width: @colwidth;
|
||||
-moz-column-count: @colcount;
|
||||
-moz-column-gap: @colgap;
|
||||
-moz-column-rule-color: @columnRuleColor;
|
||||
-moz-column-rule-style: @columnRuleStyle;
|
||||
-moz-column-rule-width: @columnRuleWidth;
|
||||
-webkit-column-width: @colwidth;
|
||||
-webkit-column-count: @colcount;
|
||||
-webkit-column-gap: @colgap;
|
||||
-webkit-column-rule-color: @columnRuleColor;
|
||||
-webkit-column-rule-style: @columnRuleStyle;
|
||||
-webkit-column-rule-width: @columnRuleWidth;
|
||||
column-width: @colwidth;
|
||||
column-count: @colcount;
|
||||
column-gap: @colgap;
|
||||
column-rule-color: @columnRuleColor;
|
||||
column-rule-style: @columnRuleStyle;
|
||||
column-rule-width: @columnRuleWidth;
|
||||
}
|
||||
.translate(@x:0, @y:0) {
|
||||
.transform(translate(@x, @y));
|
||||
}
|
||||
.background-clip(@argument: padding-box) {
|
||||
-moz-background-clip: @argument;
|
||||
-webkit-background-clip: @argument;
|
||||
background-clip: @argument;
|
||||
}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
/* Rules for sizing the icon. */
|
||||
.material-icons {
|
||||
&.md-18 { font-size: 18px; }
|
||||
&.md-24 { font-size: 24px; }
|
||||
&.md-36 { font-size: 36px; }
|
||||
&.md-48 { font-size: 48px; }
|
||||
|
||||
/* Rules for using icons as black on a light background. */
|
||||
&.md-dark {
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
&.md-inactive { color: rgba(0, 0, 0, 0.26); }
|
||||
}
|
||||
|
||||
/* Rules for using icons as white on a dark background. */
|
||||
&.md-light {
|
||||
color: rgba(255, 255, 255, 1);
|
||||
&.md-inactive { color: rgba(255, 255, 255, 0.3); }
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,258 @@
|
|||
@actionNavColor: #999;
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 0 2em;
|
||||
|
||||
nav {
|
||||
margin: 3em 0 4em;
|
||||
color: #444;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
+ a {
|
||||
margin-left: 0.8em;
|
||||
}
|
||||
&:link, &:visited {
|
||||
color: #999;
|
||||
}
|
||||
&:hover {
|
||||
color: #666;
|
||||
}
|
||||
&.home {
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
&:hover {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
margin: 1em;
|
||||
|
||||
h1 {
|
||||
display: inline;
|
||||
}
|
||||
nav {
|
||||
display: inline;
|
||||
margin: 0 1em;
|
||||
line-height: 2.4em;
|
||||
span, a {
|
||||
margin: 0 0 0 1em;
|
||||
}
|
||||
a {
|
||||
color: @actionNavColor;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
p {
|
||||
&.description {
|
||||
color: #666;
|
||||
font-size: 1.1em;
|
||||
margin-top: 0.5em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
&.meta-note {
|
||||
color: #333;
|
||||
font-style: italic;
|
||||
margin-top: 2em;
|
||||
span {
|
||||
text-transform: uppercase;
|
||||
font-variant: small-caps;
|
||||
font-size: 0.9em;
|
||||
color: #666;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
height: 1px;
|
||||
background: #ccc;
|
||||
max-width: 40em;
|
||||
margin: 4em auto;
|
||||
text-align: center;
|
||||
}
|
||||
textarea, textarea:focus {
|
||||
border: 0;
|
||||
}
|
||||
textarea, textarea:focus, input {
|
||||
outline: 0;
|
||||
}
|
||||
textarea {
|
||||
width: 100%;
|
||||
resize: none;
|
||||
&#editor {
|
||||
position: fixed;
|
||||
top: 3em;
|
||||
right: 0;
|
||||
bottom: 2em;
|
||||
left: 0;
|
||||
padding: 2em 2em 0 2em;
|
||||
font-size: 2em;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
#official-writing, #wrapper {
|
||||
margin: 1em 2em;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0 0 0 1em;
|
||||
line-height: 1.4;
|
||||
|
||||
&.collections, &.posts, &.integrations {
|
||||
list-style: none;
|
||||
margin-left: 1em;
|
||||
li + li {
|
||||
margin-top: 0.4em;
|
||||
}
|
||||
}
|
||||
|
||||
&.collections li {
|
||||
&.collection {
|
||||
a.title {
|
||||
font-size: 1.3em;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
overflow: auto;
|
||||
}
|
||||
.half-col, .half, .third {
|
||||
float: left;
|
||||
+ .half-col {
|
||||
margin-left: 4em;
|
||||
}
|
||||
}
|
||||
.half {
|
||||
width: 50%;
|
||||
}
|
||||
.third {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
code, textarea#embed {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
max-width: 50em;
|
||||
}
|
||||
#official-writing, #wrapper {
|
||||
h2 {
|
||||
&.minor {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
&.bugfix {
|
||||
font-size: 1.15em;
|
||||
}
|
||||
|
||||
+.android-version {
|
||||
margin-top: 0;
|
||||
font-size: 1.1em;
|
||||
a {
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#beta, .content-container {
|
||||
max-width: 50em;
|
||||
margin: 0 auto 3em;
|
||||
font-size: 1.2em;
|
||||
|
||||
&.tight {
|
||||
max-width: 30em;
|
||||
}
|
||||
&.snug {
|
||||
max-width: 40em;
|
||||
}
|
||||
.app {
|
||||
+ .app {
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
h2 {
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
p {
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
}
|
||||
|
||||
h2.intro {
|
||||
font-weight: normal;
|
||||
}
|
||||
p {
|
||||
line-height: 1.4;
|
||||
}
|
||||
li {
|
||||
margin: 0.3em 0;
|
||||
}
|
||||
h2 {
|
||||
&.light {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#collection-options {
|
||||
#title, #description {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.option {
|
||||
h2 {
|
||||
margin-top: 2em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
label {
|
||||
&.option-text.disabled {
|
||||
color: #999;
|
||||
|
||||
#domain-alias {
|
||||
border-color: #ccc;
|
||||
}
|
||||
&+p {
|
||||
color: #555;
|
||||
}
|
||||
}
|
||||
}
|
||||
label+p, p.describe {
|
||||
font-size: 0.8em;
|
||||
margin-top: 0.4em;
|
||||
margin-left: 1.8em;
|
||||
}
|
||||
input.low-profile {
|
||||
padding: 0.25rem 0.5rem;
|
||||
margin-left: 0.25rem;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.fedi-handle {
|
||||
margin-left: 0.5em;
|
||||
.transition-duration(0.25s);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,217 @@
|
|||
@lightBG: #ffffff;
|
||||
@lightTextColor: #000;
|
||||
@lightLinkColor: #444;
|
||||
@lightNavBG: #fff;
|
||||
@lightNavHoverBG: #f6f6f6;
|
||||
@lightNavBorder: #ccc;
|
||||
|
||||
@darkBG: #222222;
|
||||
@darkTextColor: #ffffff;
|
||||
@darkLinkColor: #ccc;
|
||||
@darkNavBG: #393939;
|
||||
@darkNavHoverBG: #555;
|
||||
@darkNavBorder: #333;
|
||||
|
||||
.pad-theme-transition {
|
||||
-moz-transition-property: background-color, color;
|
||||
-webkit-transition-property: background-color, color;
|
||||
-o-transition-property: background-color, color;
|
||||
transition-property: background-color, color;
|
||||
.transition-duration(0.25s);
|
||||
}
|
||||
|
||||
body#pad-sub #posts, .atoms {
|
||||
h3 {
|
||||
a {
|
||||
color: @lightTextColor;
|
||||
&:hover {
|
||||
color: darken(@lightTextColor, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
h3, h4 {
|
||||
a {
|
||||
color: @lightTextColor;
|
||||
&:hover {
|
||||
color: darken(@lightTextColor, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
date, .electron {
|
||||
color: #999;
|
||||
}
|
||||
a.action, a {
|
||||
color: @lightLinkColor;
|
||||
&:hover {
|
||||
color: darken(@lightLinkColor, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body#pad, body#pad-sub {
|
||||
.pad-theme-transition;
|
||||
|
||||
&.light {
|
||||
background-color: @lightBG;
|
||||
color: @lightTextColor;
|
||||
#tools {
|
||||
.pad-theme-transition;
|
||||
background-color: transparent;
|
||||
h1 {
|
||||
a {
|
||||
color: @headerTextColor;
|
||||
}
|
||||
}
|
||||
#belt {
|
||||
a {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
.tool {
|
||||
&#status {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
.hidden {
|
||||
&#wc {
|
||||
color: #777;
|
||||
}
|
||||
}
|
||||
a:hover, a:active {
|
||||
background-color: transparent;
|
||||
color: @lightLinkColor;
|
||||
}
|
||||
}
|
||||
.modal {
|
||||
border-color: @lightNavBorder;
|
||||
background: @lightNavBG;
|
||||
}
|
||||
}
|
||||
|
||||
&.dark {
|
||||
background-color: @darkBG;
|
||||
color: @darkTextColor;
|
||||
#tools {
|
||||
.pad-theme-transition;
|
||||
background-color: #262626;
|
||||
h1 {
|
||||
a {
|
||||
color: @darkTextColor;
|
||||
}
|
||||
}
|
||||
#belt {
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.tool {
|
||||
&#status {
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
.hidden {
|
||||
&#wc {
|
||||
color: #ececec;
|
||||
}
|
||||
}
|
||||
a:hover, a:active {
|
||||
background-color: transparent;
|
||||
color: @darkLinkColor;
|
||||
}
|
||||
nav {
|
||||
&> ul > li a {
|
||||
color: @darkTextColor;
|
||||
}
|
||||
ul {
|
||||
ul {
|
||||
background: @darkNavBG;
|
||||
border-color: @darkNavBorder;
|
||||
}
|
||||
li {
|
||||
&.current-user {
|
||||
color: #fff;
|
||||
}
|
||||
&.selected {
|
||||
a {
|
||||
color: #777;
|
||||
}
|
||||
}
|
||||
}
|
||||
li:hover {
|
||||
background: @darkNavHoverBG;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#posts {
|
||||
h3 {
|
||||
a {
|
||||
color: @darkTextColor;
|
||||
&:hover {
|
||||
color: darken(@darkTextColor, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
h3, h4 {
|
||||
a {
|
||||
color: @darkTextColor;
|
||||
&:hover {
|
||||
color: darken(@darkTextColor, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
a.action, a {
|
||||
color: @darkLinkColor;
|
||||
&:hover {
|
||||
color: darken(@darkLinkColor, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
.modal {
|
||||
border-color: @darkNavBorder;
|
||||
background: @darkNavBG;
|
||||
input {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.form-hint {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
a:link, a:visited {
|
||||
color: lighten(@primary, 8%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body#pad {
|
||||
.pad-theme-transition;
|
||||
|
||||
textarea {
|
||||
.pad-theme-transition;
|
||||
}
|
||||
|
||||
&.dark {
|
||||
textarea {
|
||||
background-color: @darkBG;
|
||||
color: @darkTextColor;
|
||||
}
|
||||
}
|
||||
&.light {
|
||||
textarea {
|
||||
background-color: @lightBG;
|
||||
color: @lightTextColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
&.dark {
|
||||
nav#top-nav {
|
||||
a {
|
||||
color: @darkLinkColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,464 @@
|
|||
.dropdown-nav {
|
||||
font-family: @sansFont;
|
||||
line-height: 2em;
|
||||
span {
|
||||
margin: 0;
|
||||
}
|
||||
.material-icons {
|
||||
vertical-align: sub;
|
||||
}
|
||||
>ul>li {
|
||||
line-height: 1.8;
|
||||
bottom: -0.35em;
|
||||
}
|
||||
ul {
|
||||
display: inline;
|
||||
list-style:none;
|
||||
position:relative;
|
||||
margin:0;
|
||||
padding:0;
|
||||
|
||||
ul {
|
||||
display:none;
|
||||
position:absolute;
|
||||
top:100%;
|
||||
left:0;
|
||||
background:#fff;
|
||||
padding:0;
|
||||
max-height: 30em;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
border: 1px solid @lightNavBorder;
|
||||
.rounded(.25em);
|
||||
li {
|
||||
line-height: 1.8;
|
||||
display: block;
|
||||
min-width: 9em;
|
||||
max-width: 16em;
|
||||
}
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
color:#333;
|
||||
text-decoration:none;
|
||||
padding: 0 0.5em;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
white-space: -moz-nowrap; /* Mozilla, since 1999 */
|
||||
white-space: -nowrap; /* Opera 4-6 */
|
||||
white-space: -o-nowrap; /* Opera 7 */
|
||||
white-space: nowrap;
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
&:hover {
|
||||
background: @lightNavHoverBG;
|
||||
}
|
||||
&:hover > ul {
|
||||
display: block;
|
||||
}
|
||||
&.selected {
|
||||
a, a:hover {
|
||||
color: #888;
|
||||
}
|
||||
}
|
||||
&.current-user, &.menu-heading {
|
||||
font-weight: bold;
|
||||
padding: 0 .5em;
|
||||
color: #000;
|
||||
&:hover {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
}
|
||||
&.menu-heading {
|
||||
color: #666;
|
||||
font-weight: normal;
|
||||
font-size: 0.8em;
|
||||
padding: 0.2em 0.8em;
|
||||
cursor: default;
|
||||
text-align: left;
|
||||
}
|
||||
hr {
|
||||
margin: 0.5em 0.75em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
nav#manage {
|
||||
.dropdown-nav;
|
||||
ul ul li {
|
||||
min-width: 11em;
|
||||
img.ic-18dp {
|
||||
margin-top: -2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
img.ic-18dp {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
img.ic-24dp {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
body#pad, body#pad-sub {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
font-family: Lora, serif;
|
||||
|
||||
header {
|
||||
height: 1.6em;
|
||||
}
|
||||
|
||||
#tools {
|
||||
margin: 0 0 1em;
|
||||
padding: 1em 2em;
|
||||
-moz-transition-property: opacity;
|
||||
-webkit-transition-property: opacity;
|
||||
-o-transition-property: opacity;
|
||||
transition-property: opacity;
|
||||
.transition-duration(0.4s);
|
||||
|
||||
&:hover {
|
||||
.opacity(1);
|
||||
|
||||
.hidden {
|
||||
.opacity(1);
|
||||
}
|
||||
}
|
||||
|
||||
.hidden {
|
||||
&#wc {
|
||||
position: relative;
|
||||
top: -0.15em;
|
||||
font-size: 0.9em;
|
||||
margin-left: 0.75em;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
display: inline-block;
|
||||
font-family: Lora, serif;
|
||||
margin: 0;
|
||||
font-size: 1.5em;
|
||||
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
.dropdown-nav;
|
||||
}
|
||||
|
||||
#clip {
|
||||
display: inline-block;
|
||||
margin-top: -0.35em;
|
||||
}
|
||||
|
||||
#belt {
|
||||
float: right;
|
||||
|
||||
a {
|
||||
padding: 1em 1.2em;
|
||||
vertical-align: middle;
|
||||
.opacity(.75);
|
||||
.transition-duration(0.2s);
|
||||
-moz-transition-property: opacity;
|
||||
-webkit-transition-property: opacity;
|
||||
-o-transition-property: opacity;
|
||||
transition-property: opacity;
|
||||
|
||||
&:hover {
|
||||
.opacity(1);
|
||||
}
|
||||
|
||||
&.disabled, &.disabled:hover {
|
||||
.opacity(.3);
|
||||
}
|
||||
|
||||
img.ic-24dp {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
vertical-align: middle;
|
||||
max-width: 24px;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.material-icons, img.ic-24dp {
|
||||
&+ span {
|
||||
margin-left: .4em;
|
||||
height: 24px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tool:last-child a {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.tool {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
|
||||
&#status {
|
||||
&.doing {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body#pad-sub {
|
||||
.content-container {
|
||||
p {
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
&.status {
|
||||
text-align: center;
|
||||
font-size: 1.1em;
|
||||
&:first-child {
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body#pad {
|
||||
textarea,
|
||||
textarea:focus {
|
||||
border: 0;
|
||||
outline: 0;
|
||||
}
|
||||
textarea {
|
||||
position: fixed !important;
|
||||
top: 3em;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
height: calc(~"100% - 3em - 1px");
|
||||
padding: 1em 2em 2em;
|
||||
font-size: 1.2em;
|
||||
letter-spacing: 0.6px;
|
||||
box-sizing: border-box;
|
||||
resize: none;
|
||||
|
||||
&.classy {
|
||||
font-family: Lora, serif;
|
||||
letter-spacing: 0.7px;
|
||||
}
|
||||
&.mono, &.code {
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
white-space: -moz-pre; /* Mozilla, since 1999 */
|
||||
white-space: -pre; /* Opera 4-6 */
|
||||
white-space: -o-pre; /* Opera 7 */
|
||||
white-space: pre;
|
||||
word-wrap: normal;
|
||||
}
|
||||
&.norm, &.sans, &.wrap {
|
||||
line-height: 1.4;
|
||||
}
|
||||
}
|
||||
|
||||
#tools {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
.opacity(.2);
|
||||
|
||||
.mode-wp {
|
||||
font-family: serif;
|
||||
}
|
||||
.mode-typewriter {
|
||||
font-family: "Courier New", monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal {
|
||||
display: none;
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
top: 3em;
|
||||
left: 50%;
|
||||
width: 30em;
|
||||
margin-left: -15em;
|
||||
padding: 1.5em 2em;
|
||||
.rounded(.25em);
|
||||
background: @lightNavBG;
|
||||
border: 1px solid @lightNavBorder;
|
||||
|
||||
h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
input[type=text], input[type=email], input[type=password] {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #ccc;
|
||||
-moz-transition-property: opacity;
|
||||
-webkit-transition-property: opacity;
|
||||
-o-transition-property: opacity;
|
||||
transition-property: opacity;
|
||||
.transition-duration(0.2s);
|
||||
.opacity(1);
|
||||
|
||||
&:disabled {
|
||||
.opacity(.4);
|
||||
}
|
||||
}
|
||||
|
||||
.short {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.form-hint {
|
||||
font-size: 0.78em;
|
||||
color: #888;
|
||||
}
|
||||
}
|
||||
|
||||
#overlay {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
@media all and (max-height: 500px) {
|
||||
body#pad {
|
||||
textarea {
|
||||
top: 2.25em;
|
||||
padding-top: 0.25em;
|
||||
}
|
||||
#tools {
|
||||
padding-top: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 360px) {
|
||||
body#pad #tools .if-room.room-1, body#pad-sub #tools .tool.if-room.room-1, .if-room.room-1 {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 425px) {
|
||||
body#pad #tools .if-room.room-2, body#pad-sub #tools .tool.if-room.room-2, .if-room.room-2 {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 510px) {
|
||||
body#pad #tools .if-room.room-3, body#pad-sub #tools .tool.if-room.room-3, .if-room.room-3 {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 650px) {
|
||||
body#pad #tools .tool.if-room, body#pad-sub #tools .tool.if-room, .if-room {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 600px) {
|
||||
.modal {
|
||||
margin-left: 0;
|
||||
width: auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
#user-nav .tabs {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 0.5em 0 -2em;
|
||||
a:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
#target-name {
|
||||
max-width: 98px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 50em) {
|
||||
body#pad {
|
||||
textarea {
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 60em) {
|
||||
body#pad {
|
||||
textarea {
|
||||
padding-left: 15%;
|
||||
padding-right: 15%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 70em) {
|
||||
body#pad {
|
||||
textarea {
|
||||
padding-left: 20%;
|
||||
padding-right: 20%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 85em) {
|
||||
body#pad {
|
||||
textarea {
|
||||
padding-left: 25%;
|
||||
padding-right: 25%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 105em) {
|
||||
body#pad {
|
||||
textarea {
|
||||
padding-left: 30%;
|
||||
padding-right: 30%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (pointer: coarse) {
|
||||
body#pad, body#pad-sub {
|
||||
#tools {
|
||||
.opacity(.8);
|
||||
.hidden {
|
||||
.opacity(.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
.error-page {
|
||||
text-align: center;
|
||||
max-width: 40em;
|
||||
margin: 0 auto;
|
||||
a:link, a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.5;
|
||||
&.msg {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
&.commentary {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,68 @@
|
|||
body {
|
||||
&#post, &#subpage {
|
||||
header {
|
||||
margin: 0 auto;
|
||||
padding: 1em 2rem;
|
||||
.opacity(0.4);
|
||||
-moz-transition-property: opacity;
|
||||
-webkit-transition-property: opacity;
|
||||
-o-transition-property: opacity;
|
||||
transition-property: opacity;
|
||||
.transition-duration(.4s);
|
||||
&:hover {
|
||||
.opacity(1);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
article, pre, .hljs {
|
||||
padding: 0.5em 2rem 1.5em;
|
||||
}
|
||||
body#post article, pre, .hljs {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
/* Post mixins */
|
||||
.article-code() {
|
||||
background-color: #f8f8f8;
|
||||
border: 1px solid #ccc;
|
||||
padding: 0.2em 0.4em;
|
||||
font-size: 0.86em;
|
||||
.rounded(.25em);
|
||||
}
|
||||
.article-blockquote() {
|
||||
border-left: 4px solid #ddd;
|
||||
padding: 0 1em;
|
||||
margin: 0.5em;
|
||||
color: #777;
|
||||
display: inline-block;
|
||||
|
||||
p {
|
||||
display: block;
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
}
|
||||
.article-p() {
|
||||
line-height: 1.4em;
|
||||
white-space: pre-wrap; /* CSS 3 */
|
||||
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
|
||||
white-space: -pre-wrap; /* Opera 4-6 */
|
||||
white-space: -o-pre-wrap; /* Opera 7 */
|
||||
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
||||
}
|
||||
.article-title() {
|
||||
font-size: 1.5em;
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.hljs {
|
||||
overflow-x: inherit;
|
||||
background: transparent;
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
*.css
|
||||
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 275 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,449 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<defs >
|
||||
<font id="Lora" horiz-adv-x="586" ><font-face
|
||||
font-family="Lora"
|
||||
units-per-em="1000"
|
||||
panose-1="0 0 5 0 0 0 0 0 0 0"
|
||||
ascent="960"
|
||||
descent="-271"
|
||||
alphabetic="0" />
|
||||
<glyph unicode=" " glyph-name="space" horiz-adv-x="263" />
|
||||
<glyph unicode="!" glyph-name="exclam" horiz-adv-x="272" d="M187 716T200 699T213 657Q213 648 212 643L153 230H116L101 643Q100 672 116 694T161 716Q187 716 200 699ZM153 113T168 96T184 52Q184 24 165 4T121 -16Q98 -16 83 1T67 44Q67 72 86 92T129 113Q153
|
||||
113 168 96Z" />
|
||||
<glyph unicode=""" glyph-name="quotedbl" horiz-adv-x="356" d="M163 716L141 491H79L84 716H163ZM326 716L304 491H242L248 716H326Z" />
|
||||
<glyph unicode="#" glyph-name="numbersign" horiz-adv-x="808" d="M661 700L622 529H789V528L774 469H608L556 238H723L707 178H542L502 0H430L472 178H262L222 0H150L192 178H26L42 238H206L260 469H92L108 529H274L315 700H381L342 529H554L595 700H661ZM540
|
||||
469H328L275 238H486L540 469Z" />
|
||||
<glyph unicode="$" glyph-name="dollar" horiz-adv-x="529" d="M313 715Q370 707 421 671L420 716H470L458 498H421Q420 580 387 628T272 677Q231 677 202 660T158 615T143 556Q143 517 164 488T217 437T303 387Q362 355 398 330T460 268T485 180Q485 130 462
|
||||
87T393 16T281 -16L273 -153H221L227 -16Q193 -14 157 -6T91 19L94 -13H40L51 200H86Q87 110 132 67T260 23Q321 23 360 60T400 155Q400 195 379 224T327 275T242 324Q183 355 148 380T87 442T62 532Q62 568 81 609T144 682T260 716L266 833H320L313 715Z" />
|
||||
<glyph unicode="%" glyph-name="percent" horiz-adv-x="873" d="M303 716T341 692T397 629T416 544Q416 491 390 443T319 365T222 335Q167 335 129 359T71 423T51 510Q51 561 74 608T143 686T248 716Q303 716 341 692ZM709 716L753 674L153 -16L114 22L709 716ZM206
|
||||
679T184 656T150 600T138 537Q137 530 137 514Q137 458 158 416T227 373Q281 373 305 422T330 532Q330 591 309 635T241 679Q206 679 184 656ZM717 365T755 340T812 276T831 190Q831 137 805 90T733 13T637 -16Q582 -16 544 8T486 72T466 159Q466 209 489 256T557
|
||||
334T661 365Q717 365 755 340ZM606 327T581 282T553 185Q549 123 569 72T642 21Q696 21 720 70T745 180Q745 239 724 283T656 327Q606 327 581 282Z" />
|
||||
<glyph unicode="&" glyph-name="ampersand" horiz-adv-x="683" d="M359 716T398 701T458 660T479 605Q479 585 468 572T436 558Q420 558 408 568T396 594V598Q396 613 404 627Q400 649 374 665T310 681Q247 681 211 638T174 533Q174 483 201 442T298 401Q326
|
||||
401 338 402L336 358L298 359Q236 359 198 331T145 264T129 195Q129 142 154 105T219 50T299 31Q409 31 463 91T517 243H484Q454 243 432 237T381 208L361 228Q393 276 429 291T532 307Q581 307 610 314T669 349L691 332Q671 301 657 286T621 259T560 245Q561 184
|
||||
536 125T448 25T286 -16Q174 -16 104 32T34 173Q34 223 55 268T120 345T223 385Q85 414 85 522Q85 581 114 625T193 692T307 716Q359 716 398 701Z" />
|
||||
<glyph unicode="'" glyph-name="quotesingle" horiz-adv-x="199" d="M168 716L146 491H79L84 716H168Z" />
|
||||
<glyph unicode="(" glyph-name="parenleft" horiz-adv-x="298" d="M182 -224T136 -150T59 19T29 212Q29 320 68 427T166 621T284 760L307 737Q226 635 180 508T126 239Q125 222 125 188Q125 -58 257 -248L231 -271Q182 -224 136 -150Z" />
|
||||
<glyph unicode=")" glyph-name="parenright" horiz-adv-x="298" d="M109 713T155 639T232 470T262 277Q262 169 223 62T125 -132T7 -271L-16 -248Q65 -146 111 -19T165 250Q166 267 166 301Q166 547 34 737L60 760Q109 713 155 639Z" />
|
||||
<glyph unicode="*" glyph-name="asterisk" horiz-adv-x="513" d="M313 716T313 670Q313 660 311 644Q310 636 306 618Q295 546 284 508Q317 526 371 551L408 568Q432 581 457 581Q491 581 491 550Q491 532 474 520T430 503Q325 484 292 480Q321 454 383 386Q394
|
||||
374 401 359T408 330Q408 312 394 302Q385 296 376 296Q351 296 327 338Q281 432 269 463Q258 441 210 360L197 338Q186 321 172 309T143 297Q134 297 125 303Q114 311 114 325Q114 339 123 355T146 386Q206 448 245 480Q204 488 144 497L110 503Q53 516 53 545Q53
|
||||
552 56 559Q66 581 92 581Q112 581 138 568Q200 539 256 508Q250 543 243 644Q241 673 249 694T281 716Q313 716 313 670Z" />
|
||||
<glyph unicode="+" glyph-name="plus" horiz-adv-x="511" d="M299 543L289 344L481 343L479 291L286 290L274 82H214L226 290L33 289L36 345L229 344L239 543H299Z" />
|
||||
<glyph unicode="," glyph-name="comma" horiz-adv-x="237" d="M128 98T145 76T163 20Q163 -22 142 -79T81 -179L56 -159Q76 -135 94 -92T112 -8V0H110Q99 -4 87 -4Q69 -4 56 10T43 42Q43 68 59 83T99 98Q128 98 145 76Z" />
|
||||
<glyph unicode="-" glyph-name="hyphen" horiz-adv-x="483" d="M421 353L418 291L63 287L66 353H421Z" />
|
||||
<glyph unicode="." glyph-name="period" horiz-adv-x="232" d="M128 110T142 93T157 51Q157 23 139 4T97 -16Q74 -16 59 1T43 45Q43 72 62 91T105 110Q128 110 142 93Z" />
|
||||
<glyph unicode="/" glyph-name="slash" horiz-adv-x="654" d="M607 760L662 723L29 -271L-18 -238L607 760Z" />
|
||||
<glyph unicode="0" glyph-name="zero" horiz-adv-x="597" d="M441 716T496 619T551 384Q551 361 550 350Q545 259 516 176T430 38T287 -16Q161 -16 108 77T54 309Q54 336 55 350Q59 441 88 524T176 662T320 716Q441 716 496 619ZM243 678T201 587T151 368Q150
|
||||
352 150 317Q150 195 182 109T291 23Q369 23 407 112T453 331Q455 371 455 390Q455 515 425 596T322 678Q243 678 201 587Z" />
|
||||
<glyph unicode="1" glyph-name="one" horiz-adv-x="354" d="M229 109Q227 59 223 40L307 44L305 0H57L58 33Q107 35 128 63T151 147L173 619H171L49 542L31 572L226 716H260L229 109Z" />
|
||||
<glyph unicode="2" glyph-name="two" horiz-adv-x="525" d="M366 716T422 673T474 535Q467 420 268 266Q193 209 150 163T97 74L271 69Q293 68 332 68Q387 68 413 82T442 138H473L459 0H27Q30 59 53 105T111 187T205 275L240 305Q300 360 337 417T377 522Q380
|
||||
591 353 634T259 677Q219 677 186 657T139 606Q154 590 154 563Q154 544 141 530T107 516Q87 516 74 530T60 566Q60 600 86 635T162 693T277 716Q366 716 422 673Z" />
|
||||
<glyph unicode="3" glyph-name="three" horiz-adv-x="545" d="M370 716T425 674T476 543Q474 490 431 443T306 376Q396 368 445 321T494 205Q494 137 458 87T362 10T236 -16Q170 -16 124 4T54 56T31 121Q31 146 44 161T80 177Q100 177 112 164T125 132Q125 107
|
||||
111 92Q119 60 153 44T230 27Q307 27 351 73T395 200Q395 259 365 304T258 349Q234 349 192 347L194 392H235Q284 392 316 414T364 469T382 532Q385 600 359 638T266 677Q237 677 210 666T166 637T144 602Q156 586 156 563Q156 545 144 533T113 520Q94 520 82 532T69
|
||||
566Q69 598 94 633T168 692T282 716Q370 716 425 674Z" />
|
||||
<glyph unicode="4" glyph-name="four" horiz-adv-x="527" d="M393 250L493 249L490 193H391L387 109Q385 58 378 38L457 41L454 0H211L213 33H221Q269 37 287 67T307 159L309 193H3L5 242L379 716H413L393 250ZM329 577H327L68 255L312 251L329 577Z" />
|
||||
<glyph unicode="5" glyph-name="five" horiz-adv-x="523" d="M469 636L140 629L127 408Q189 434 264 434Q373 434 424 373T476 223Q476 147 442 93T349 12T222 -16Q163 -16 121 3T58 54T36 119Q36 145 50 161T85 177Q105 177 117 164T130 133Q130 109 116 92Q117
|
||||
59 149 41T222 23Q294 23 334 72T377 191L378 216Q378 288 347 338T230 389Q202 389 170 381T110 355L83 380L99 700H353Q408 700 432 715T458 765H484L469 636Z" />
|
||||
<glyph unicode="6" glyph-name="six" horiz-adv-x="554" d="M392 716T429 698T484 651T503 596Q503 573 490 559T457 544Q437 544 425 556T413 587Q413 596 416 606T426 625Q421 645 397 662T335 678Q236 676 195 574T144 354Q173 391 215 414T310 437Q385 437
|
||||
429 404T490 320T504 213Q501 151 470 99T384 15T265 -16Q154 -16 104 57T53 269Q53 288 55 330Q64 471 126 593T340 716Q392 716 429 698ZM246 393T201 360T139 281Q137 170 166 97T266 23Q333 23 370 71T410 191L411 217Q411 289 385 341T292 393Q246 393 201
|
||||
360Z" />
|
||||
<glyph unicode="7" glyph-name="seven" horiz-adv-x="452" d="M455 634Q388 511 348 402T252 109L233 46Q224 17 212 1T179 -16Q142 -16 142 26Q142 49 158 89T207 202L221 232L251 299Q347 512 409 633L145 632Q102 631 80 615T56 558H32L39 700H458L455 634Z" />
|
||||
<glyph unicode="8" glyph-name="eight" horiz-adv-x="564" d="M354 716T397 699T467 647T494 565Q494 509 453 459T351 378Q421 336 463 282T502 167Q498 77 432 31T271 -16Q179 -16 118 22T57 142Q57 206 101 262T216 361Q150 401 117 445T86 534Q89 594 121
|
||||
635T202 696T304 716Q354 716 397 699ZM265 677T236 659T190 612T174 549Q174 504 209 465T315 397Q361 427 388 468T418 546Q422 608 391 642T304 677Q265 677 236 659ZM192 303T166 251T140 154Q140 91 175 58T275 24Q334 24 372 62T410 159Q410 213 373 256T270
|
||||
332Q256 338 250 342Q192 303 166 251Z" />
|
||||
<glyph unicode="9" glyph-name="nine" horiz-adv-x="552" d="M404 716T454 633T504 405Q504 376 503 362Q497 211 440 98T233 -16Q177 -16 139 2T81 50T62 111Q62 135 75 150T110 166Q129 166 141 153T153 123Q153 113 149 101T136 83Q155 22 232 22Q330 22 370
|
||||
123T416 348Q387 311 344 288T247 264Q144 264 101 323T58 470Q58 537 85 593T163 682T286 716Q404 716 454 633ZM222 678T187 630T149 510Q145 433 170 371T270 309Q315 309 357 340T417 416Q416 533 387 605T283 678Q222 678 187 630Z" />
|
||||
<glyph unicode=":" glyph-name="colon" horiz-adv-x="253" d="M144 110T158 93T173 51Q173 23 155 4T113 -16Q90 -16 75 1T59 45Q59 72 78 91T121 110Q144 110 158 93ZM159 516T173 499T188 457Q188 429 170 410T128 390Q105 390 90 407T74 451Q74 478 93 497T136
|
||||
516Q159 516 173 499Z" />
|
||||
<glyph unicode=";" glyph-name="semicolon" horiz-adv-x="271" d="M153 98T170 76T188 20Q188 -22 167 -79T106 -179L81 -159Q101 -135 119 -92T137 -8V0H135Q124 -4 112 -4Q94 -4 81 10T68 42Q68 68 84 83T124 98Q153 98 170 76ZM166 516T180 499T195 457Q195
|
||||
429 177 410T135 390Q112 390 97 407T81 451Q81 478 100 497T143 516Q166 516 180 499Z" />
|
||||
<glyph unicode="<" glyph-name="less" horiz-adv-x="539" d="M491 544L487 484L100 317V316L470 149L466 87L32 281L35 346L491 544Z" />
|
||||
<glyph unicode="=" glyph-name="equal" horiz-adv-x="587" d="M78 437L523 435L520 381L75 379L78 437ZM68 245L513 243L510 189L65 187L68 245Z" />
|
||||
<glyph unicode=">" glyph-name="greater" horiz-adv-x="539" d="M49 87L53 147L440 314V315L70 482L74 544L508 350L505 285L49 87Z" />
|
||||
<glyph unicode="?" glyph-name="question" horiz-adv-x="473" d="M357 716T402 673T448 565Q448 549 447 542Q441 489 403 448T299 357Q254 323 234 304T214 265Q214 252 223 243T253 234Q274 234 292 241L302 206Q272 188 222 188Q197 188 171 205T146 255Q148
|
||||
281 168 303T230 361Q288 407 320 447T357 544Q358 550 358 563Q358 615 331 646T243 677Q215 677 190 667T149 640T128 607Q143 595 143 568Q143 549 131 536T98 523Q78 523 65 536T51 572Q51 603 78 637T152 693T260 716Q357 716 402 673ZM243 102T257 86T272
|
||||
47Q272 21 256 3T215 -16Q193 -16 178 0T164 43Q165 67 183 84T222 102Q243 102 257 86Z" />
|
||||
<glyph unicode="@" glyph-name="at" horiz-adv-x="792" d="M540 637T612 591T719 472T750 318Q745 229 712 172T633 90T546 64Q539 64 527 66Q489 73 473 95T457 152Q457 181 471 243H469Q431 141 391 106T309 70Q263 70 236 104T213 209Q217 284 246 346T330
|
||||
445T458 482Q514 482 563 469L557 436Q554 421 540 343T519 214Q516 195 516 176Q516 145 525 125T552 100Q556 99 564 99Q591 99 616 121T659 183T681 277Q683 307 683 319Q683 459 614 528T430 597Q410 597 400 596Q316 589 251 538T151 408T115 240Q115 141
|
||||
155 75T262 -22T406 -54Q467 -54 527 -33T635 41L658 16Q606 -40 536 -67T382 -95Q272 -95 195 -51T80 67T42 234L43 257Q47 349 93 436T226 580T435 637Q540 637 612 591ZM385 452T350 413T297 315T279 199Q279 156 291 132T327 108Q361 108 398 161T462 294T493
|
||||
443Q472 452 433 452Q385 452 350 413Z" />
|
||||
<glyph unicode="A" glyph-name="A" horiz-adv-x="631" d="M532 150Q541 124 548 92T553 40L618 44L616 0H399L400 33Q460 34 460 83Q460 100 452 128L423 222L167 216L127 109Q112 70 96 40L171 44L169 0H-14L-13 33Q22 34 44 64T93 158L319 719H341L532 150ZM305
|
||||
580L263 468Q251 439 202 308L183 259H412Q355 438 307 580H305Z" />
|
||||
<glyph unicode="B" glyph-name="B" horiz-adv-x="619" d="M419 702T479 660T533 531Q530 478 486 434T363 376V374Q465 374 518 329T572 208Q572 144 541 97T454 25T329 0H40L42 33Q77 34 92 49T111 85T118 161L140 581Q141 628 147 660L74 656L77 700Q148 700
|
||||
183 701L300 702Q419 702 479 660ZM271 666T255 657T232 628T223 569L213 383Q242 383 286 385Q368 388 406 433T445 544Q445 612 404 639T303 666Q271 666 255 657ZM259 347T211 344L199 119Q196 63 192 41Q211 39 264 39H298Q381 39 429 81T478 202Q478 278 433
|
||||
312T314 347Q259 347 211 344Z" />
|
||||
<glyph unicode="C" glyph-name="C" horiz-adv-x="686" d="M521 716T609 656H610L608 710H662L650 479H614Q609 572 557 623T416 675Q342 675 280 632T180 511T143 331Q143 245 176 178T266 73T395 36Q462 36 525 65T631 148L656 127Q593 48 517 16T366 -16Q272
|
||||
-16 200 27T89 147T49 317Q49 419 90 510T214 659T412 716Q521 716 609 656Z" />
|
||||
<glyph unicode="D" glyph-name="D" horiz-adv-x="738" d="M489 702T592 620T695 376Q695 275 650 190T516 52T299 0H40L42 33Q77 34 92 49T111 85T117 156L141 588Q145 638 148 660L74 656L77 700L309 701Q489 702 592 620ZM266 664T250 653T228 620T221 551L198
|
||||
118Q195 62 191 40Q235 38 298 38Q387 38 456 83T563 206T602 380Q602 513 527 588T303 664Q266 664 250 653Z" />
|
||||
<glyph unicode="E" glyph-name="E" horiz-adv-x="619" d="M551 525H518Q522 607 488 637T390 665L304 663Q268 662 252 650T230 616T222 544L213 384L285 383Q332 382 357 388T395 414T410 477H443L432 259H399Q400 297 393 316T367 341T316 348L284 347L211 344L199
|
||||
115Q196 59 192 37L383 40Q453 41 492 75T535 195H569L553 0H41L43 33Q78 34 93 49T112 85T118 156L142 588Q143 622 149 660L76 656L78 700H555L551 525Z" />
|
||||
<glyph unicode="F" glyph-name="F" horiz-adv-x="541" d="M534 525H501Q505 607 470 637T370 665L297 663Q264 662 249 650T229 616T222 552L212 368H290Q329 369 350 375T382 402T395 462H428L417 243H384Q386 283 377 301T348 325T288 331Q249 331 210 328L199
|
||||
119Q198 72 192 40L294 44L292 0H41L43 33Q78 34 93 49T112 85T118 156L142 588Q143 622 149 660L76 656L78 700H538L534 525Z" />
|
||||
<glyph unicode="G" glyph-name="G" horiz-adv-x="753" d="M467 716T521 702T617 662L615 709H670L658 480H622Q621 572 564 624T417 676Q343 676 281 632T181 509T143 333Q143 246 174 178T263 71T395 32Q438 32 484 44T569 82L580 300L510 296L512 340H735L733
|
||||
307Q699 307 682 285T661 241T655 188L647 36H623Q581 36 514 10Q483 -2 442 -9T366 -16Q270 -16 199 22T88 134T49 307Q49 409 90 503T214 656T413 716Q467 716 521 702Z" />
|
||||
<glyph unicode="H" glyph-name="H" horiz-adv-x="773" d="M738 667Q707 666 692 654T671 620T663 557L640 119Q637 62 633 40L705 44L703 0H482L484 33Q519 34 534 49T553 85T559 156L569 338L210 334L199 119Q196 62 192 40L264 44L262 0H41L43 33Q78 34 93 49T112
|
||||
84T118 156L141 588Q145 638 148 660L76 656L78 700H299L297 667Q266 666 251 654T230 619T222 556L212 378H571L582 588Q583 622 589 660L517 656L519 700H740L738 667Z" />
|
||||
<glyph unicode="I" glyph-name="I" horiz-adv-x="333" d="M297 667Q263 666 248 653T228 619T222 554L199 119Q198 72 192 40L264 44L262 0H41L43 33Q78 34 93 49T112 85T118 156L141 588Q142 622 148 660L76 656L78 700H299L297 667Z" />
|
||||
<glyph unicode="J" glyph-name="J" horiz-adv-x="367" d="M358 667Q312 667 296 642T276 568L260 244Q255 149 237 93T182 10T87 -16Q46 -16 16 1T-14 55Q-14 77 -1 92T34 107Q55 107 66 93T77 63Q77 48 73 40Q77 32 87 28T106 24Q131 25 150 50T173 153L199 660L97
|
||||
656L99 700H361L358 667Z" />
|
||||
<glyph unicode="K" glyph-name="K" horiz-adv-x="667" d="M653 667Q607 663 575 652T512 613T444 532L338 376Q360 362 375 346T401 313T416 291L521 142Q555 93 578 70T619 40T662 33L660 0H542Q517 0 446 98L335 260Q294 321 264 341L211 340L199 119Q196 62
|
||||
192 40L264 44L262 0H41L43 33Q78 34 93 49T112 85T118 156L141 588Q145 638 148 660L76 656L78 700H299L297 667Q266 666 251 653T230 618T222 554L213 380H291L424 577Q461 633 501 660V661L438 659L440 700H655L653 667Z" />
|
||||
<glyph unicode="L" glyph-name="L" horiz-adv-x="577" d="M296 667Q263 666 248 651T228 613T221 544L198 115Q195 59 191 37L378 40Q443 42 477 81T515 207H549L532 0H40L42 33Q77 34 92 49T111 84T117 156L141 588Q142 596 143 620T148 660L77 656V700H298L296 667Z" />
|
||||
<glyph unicode="M" glyph-name="M" horiz-adv-x="917" d="M868 667Q829 668 811 643T794 558L797 103Q797 76 795 40L869 44L866 0H646L648 33H656Q694 36 706 63T718 152V494Q718 551 719 580H717L682 503L444 -10H415Q376 90 304 290Q284 348 242 462L235 481Q216
|
||||
534 198 593H196Q192 505 183 395L157 125Q151 65 147 40L223 44L220 0H30L32 33Q61 33 76 45T96 75T105 125L159 660L87 657L89 700H238Q264 634 352 396Q429 189 455 122H457Q476 162 505 229L515 251Q541 310 621 476Q675 588 726 700H870L868 667Z" />
|
||||
<glyph unicode="N" glyph-name="N" horiz-adv-x="762" d="M741 667Q709 666 694 654T675 622T669 564L668 544L640 -11H592L183 573H181L165 139Q164 129 164 110Q162 62 158 40L230 44L228 0H45L46 33Q113 33 116 112L143 660L76 656L78 700H197L599 128H601L622
|
||||
588Q625 637 629 660L557 656L559 700H743L741 667Z" />
|
||||
<glyph unicode="O" glyph-name="O" horiz-adv-x="788" d="M524 716T599 666T710 536T746 369Q746 279 705 190T581 43T382 -16Q271 -16 196 34T85 162T49 327Q49 431 94 520T222 662T413 716Q524 716 599 666ZM328 676T268 627T177 501T145 343Q145 268 170 195T250
|
||||
74T387 25Q469 25 528 73T619 197T650 353Q650 434 622 508T539 629T408 676Q328 676 268 627Z" />
|
||||
<glyph unicode="P" glyph-name="P" horiz-adv-x="597" d="M441 702T513 653T585 506Q584 446 554 392T449 300T246 263Q220 263 207 264L199 119Q196 62 192 40L284 45L282 0H41L43 33Q78 34 93 49T112 85T118 156L141 588Q145 638 148 660L75 656L78 700Q218
|
||||
702 297 702Q441 702 513 653ZM263 663T248 650T229 614T222 549L209 306Q234 303 274 303Q334 303 383 327T462 396T491 502Q491 585 439 624T293 663Q263 663 248 650Z" />
|
||||
<glyph unicode="Q" glyph-name="Q" horiz-adv-x="788" d="M524 716T599 666T710 536T746 369Q746 291 714 212T617 72T463 -7V-8Q511 -8 543 -19T620 -71L637 -87Q706 -150 729 -167T774 -185H780V-218H748Q7 | ||||