Edit fonts
This commit is contained in:
parent
0cff0b23b3
commit
9f39d36752
572
css/style.css
572
css/style.css
|
|
@ -1,144 +1,203 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Iosevka Slab Regular";
|
font-family: "Iosevka Slab Regular";
|
||||||
src: url("../fonts/iosevka-slab-regular.woff2") format("woff2"); }
|
src: url("../fonts/iosevka-slab-regular.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
font-family: "Iosevka Slab Regular", "monospace";
|
font-family: "Iosevka Slab Regular", "Iosevka Slab", "Consolas", "monospace";
|
||||||
background-color: black;
|
background-color: black;
|
||||||
color: #c9c9c9;
|
color: #c9c9c9;
|
||||||
border-color: #c9c9c9;
|
border-color: #c9c9c9;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 21px; }
|
line-height: 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* General styles for elements */
|
/* General styles for elements */
|
||||||
|
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0; }
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
width: auto; }
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
b {
|
b {
|
||||||
font-weight: 1000; }
|
font-weight: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
list-style: none; }
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
padding-left: 1ch; }
|
padding-left: 1ch;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #c9c9c9; }
|
color: #c9c9c9;
|
||||||
a:hover {
|
}
|
||||||
cursor: pointer;
|
|
||||||
color: #c9c9c9;
|
|
||||||
background-color: #171c94; }
|
|
||||||
|
|
||||||
nav ul > li > ul:hover a {
|
a:hover {
|
||||||
color: #c9c9c9; }
|
cursor: pointer;
|
||||||
|
color: #c9c9c9;
|
||||||
|
background-color: #171c94;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul>li>ul:hover a {
|
||||||
|
color: #c9c9c9;
|
||||||
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
height: 10.5px;
|
height: 10.5px;
|
||||||
border: 0;
|
border: 0;
|
||||||
border-bottom: 1px solid #c9c9c9;
|
border-bottom: 1px solid #c9c9c9;
|
||||||
margin-bottom: 15px; }
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
nav li hr, li.button-list > ul a hr, .white hr {
|
nav li hr,
|
||||||
border-color: black; }
|
li.button-list>ul a hr,
|
||||||
|
.white hr {
|
||||||
|
border-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav>li>ul li>ul:hover>hr,
|
||||||
|
li.button-list>ul:hover a hr {
|
||||||
|
border-color: #c9c9c9;
|
||||||
|
}
|
||||||
|
|
||||||
nav > li > ul li > ul:hover > hr, li.button-list > ul:hover a hr {
|
|
||||||
border-color: #c9c9c9; }
|
|
||||||
|
|
||||||
/* Lists */
|
/* Lists */
|
||||||
li:not(.button-list) > ul::before {
|
|
||||||
content: "- "; }
|
li:not(.button-list)>ul::before {
|
||||||
li.button-list > ul {
|
content: "- ";
|
||||||
|
}
|
||||||
|
|
||||||
|
li.button-list>ul {
|
||||||
width: calc(100% - 1ch);
|
width: calc(100% - 1ch);
|
||||||
text-decoration: underline; }
|
text-decoration: underline;
|
||||||
li.button-list > ul:hover {
|
}
|
||||||
cursor: pointer;
|
|
||||||
color: #c9c9c9;
|
li.button-list>ul:hover {
|
||||||
background-color: #171c94; }
|
cursor: pointer;
|
||||||
li.button-list > ul > li {
|
color: #c9c9c9;
|
||||||
width: 100%; }
|
background-color: #171c94;
|
||||||
li.button-list > ul a {
|
}
|
||||||
display: block;
|
|
||||||
width: 100%; }
|
li.button-list>ul>li {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.button-list>ul a {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Navbars */
|
/* Navbars */
|
||||||
|
|
||||||
@keyframes hide {
|
@keyframes hide {
|
||||||
0% {
|
0% {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
left: inherit; }
|
left: inherit;
|
||||||
|
}
|
||||||
1% {
|
1% {
|
||||||
opacity: 0; }
|
opacity: 0;
|
||||||
|
}
|
||||||
100% {
|
100% {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
left: -9999px; } }
|
left: -9999px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
nav a {
|
nav a {
|
||||||
color: black;
|
color: black;
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-decoration: none; }
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
nav ul::before {
|
nav ul::before {
|
||||||
content: "" !important; }
|
content: "" !important;
|
||||||
nav > li {
|
}
|
||||||
|
|
||||||
|
nav>li {
|
||||||
background-color: #c9c9c9;
|
background-color: #c9c9c9;
|
||||||
color: black;
|
color: black;
|
||||||
border-color: black;
|
border-color: black;
|
||||||
margin-left: 0; }
|
margin-left: 0;
|
||||||
nav > li > ul {
|
}
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
nav>li>ul {
|
||||||
display: table-cell;
|
margin: 0;
|
||||||
padding-left: 1ch;
|
padding: 0;
|
||||||
padding-right: 1ch; }
|
display: table-cell;
|
||||||
nav > li > ul:hover {
|
padding-left: 1ch;
|
||||||
cursor: pointer;
|
padding-right: 1ch;
|
||||||
color: #c9c9c9;
|
}
|
||||||
background-color: #171c94; }
|
|
||||||
nav > li > ul:focus {
|
nav>li>ul:hover {
|
||||||
background-color: #171c94;
|
cursor: pointer;
|
||||||
color: #c9c9c9;
|
color: #c9c9c9;
|
||||||
border-color: #c9c9c9; }
|
background-color: #171c94;
|
||||||
nav > li > ul:focus li {
|
}
|
||||||
display: block;
|
|
||||||
opacity: 1;
|
nav>li>ul:focus {
|
||||||
left: inherit;
|
background-color: #171c94;
|
||||||
animation-name: hide;
|
color: #c9c9c9;
|
||||||
animation-name: none; }
|
border-color: #c9c9c9;
|
||||||
nav > li > ul > li {
|
}
|
||||||
background-color: #c9c9c9;
|
|
||||||
color: black;
|
nav>li>ul:focus li {
|
||||||
border-color: black;
|
display: block;
|
||||||
position: absolute;
|
opacity: 1;
|
||||||
border: 2px solid;
|
left: inherit;
|
||||||
box-shadow: 0 0 0 0.25ch #c9c9c9;
|
animation-name: hide;
|
||||||
margin-left: calc(2px - 1ch);
|
animation-name: none;
|
||||||
margin-right: calc(2px - 1ch);
|
}
|
||||||
margin-top: 10.5px;
|
|
||||||
margin-bottom: 10.5px;
|
nav>li>ul>li {
|
||||||
padding: calc(0.25ch + 2px);
|
background-color: #c9c9c9;
|
||||||
padding-top: 10.5px;
|
color: black;
|
||||||
padding-bottom: 10.5px;
|
border-color: black;
|
||||||
opacity: 0;
|
position: absolute;
|
||||||
left: -9999px;
|
border: 2px solid;
|
||||||
animation-name: hide;
|
box-shadow: 0 0 0 0.25ch #c9c9c9;
|
||||||
animation-duration: 0.5s; }
|
margin-left: calc(2px - 1ch);
|
||||||
nav > li > ul > li > ul {
|
margin-right: calc(2px - 1ch);
|
||||||
background-color: #c9c9c9;
|
margin-top: 10.5px;
|
||||||
color: black;
|
margin-bottom: 10.5px;
|
||||||
border-color: black;
|
padding: calc(0.25ch + 2px);
|
||||||
padding-left: 1ch;
|
padding-top: 10.5px;
|
||||||
padding-right: 1ch;
|
padding-bottom: 10.5px;
|
||||||
min-height: 21px; }
|
opacity: 0;
|
||||||
nav > li > ul > li > ul:hover {
|
left: -9999px;
|
||||||
background-color: #171c94;
|
animation-name: hide;
|
||||||
color: #c9c9c9;
|
animation-duration: 0.5s;
|
||||||
border-color: #c9c9c9; }
|
}
|
||||||
|
|
||||||
|
nav>li>ul>li>ul {
|
||||||
|
background-color: #c9c9c9;
|
||||||
|
color: black;
|
||||||
|
border-color: black;
|
||||||
|
padding-left: 1ch;
|
||||||
|
padding-right: 1ch;
|
||||||
|
min-height: 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav>li>ul>li>ul:hover {
|
||||||
|
background-color: #171c94;
|
||||||
|
color: #c9c9c9;
|
||||||
|
border-color: #c9c9c9;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Miscallaneous Classes */
|
/* Miscallaneous Classes */
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
border: 2px solid #c9c9c9;
|
border: 2px solid #c9c9c9;
|
||||||
margin: 0.5ch;
|
margin: 0.5ch;
|
||||||
|
|
@ -148,67 +207,100 @@ nav > li {
|
||||||
margin-bottom: 10.5px;
|
margin-bottom: 10.5px;
|
||||||
padding-top: 8.5px;
|
padding-top: 8.5px;
|
||||||
padding-bottom: 8.5px;
|
padding-bottom: 8.5px;
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
.box.inline {
|
}
|
||||||
display: inline-block; }
|
|
||||||
.box.double {
|
.box.inline {
|
||||||
border-style: double;
|
display: inline-block;
|
||||||
border-width: 4px;
|
}
|
||||||
margin: calc(0.5ch);
|
|
||||||
padding: calc(0.5ch - (4px));
|
.box.double {
|
||||||
margin-top: 10.5px;
|
border-style: double;
|
||||||
margin-bottom: 10.5px;
|
border-width: 4px;
|
||||||
padding-top: 6.5px;
|
margin: calc(0.5ch);
|
||||||
padding-bottom: 6.5px; }
|
padding: calc(0.5ch - (4px));
|
||||||
.box.black {
|
margin-top: 10.5px;
|
||||||
background-color: black;
|
margin-bottom: 10.5px;
|
||||||
color: #c9c9c9;
|
padding-top: 6.5px;
|
||||||
border-color: #c9c9c9;
|
padding-bottom: 6.5px;
|
||||||
box-shadow: 0 0 0 0.25ch black; }
|
}
|
||||||
.box.white {
|
|
||||||
background-color: #c9c9c9;
|
.box.black {
|
||||||
color: black;
|
background-color: black;
|
||||||
border-color: black;
|
color: #c9c9c9;
|
||||||
box-shadow: 0 0 0 0.25ch #c9c9c9; }
|
border-color: #c9c9c9;
|
||||||
.box.white a {
|
box-shadow: 0 0 0 0.25ch black;
|
||||||
color: black; }
|
}
|
||||||
.box.white a:hover {
|
|
||||||
background-color: #171c94;
|
.box.white {
|
||||||
color: #c9c9c9;
|
background-color: #c9c9c9;
|
||||||
border-color: #c9c9c9; }
|
color: black;
|
||||||
.box.blue {
|
border-color: black;
|
||||||
background-color: #171c94;
|
box-shadow: 0 0 0 0.25ch #c9c9c9;
|
||||||
color: #c9c9c9;
|
}
|
||||||
border-color: #c9c9c9;
|
|
||||||
box-shadow: 0 0 0 0.25ch #171c94; }
|
.box.white a {
|
||||||
.box.blue li.button-list > ul:hover {
|
color: black;
|
||||||
background-color: #c9c9c9;
|
}
|
||||||
color: black;
|
|
||||||
border-color: black; }
|
.box.white a:hover {
|
||||||
.box.blue li.button-list > ul:hover > a {
|
background-color: #171c94;
|
||||||
color: black; }
|
color: #c9c9c9;
|
||||||
.box.blue a:hover {
|
border-color: #c9c9c9;
|
||||||
background-color: #c9c9c9;
|
}
|
||||||
color: #171c94;
|
|
||||||
border-color: #171c94; }
|
.box.blue {
|
||||||
.box.blue hr {
|
background-color: #171c94;
|
||||||
border-color: #c9c9c9; }
|
color: #c9c9c9;
|
||||||
.box.blue button:hover {
|
border-color: #c9c9c9;
|
||||||
background-color: #c9c9c9;
|
box-shadow: 0 0 0 0.25ch #171c94;
|
||||||
color: #171c94;
|
}
|
||||||
border-color: #171c94; }
|
|
||||||
.box.blue .checkbox-right:hover, .box.blue .checkbox-left:hover, .box.blue .radio-right:hover, .box.blue .radio-left:hover {
|
.box.blue li.button-list>ul:hover {
|
||||||
background-color: #c9c9c9;
|
background-color: #c9c9c9;
|
||||||
color: #171c94;
|
color: black;
|
||||||
border-color: #171c94; }
|
border-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box.blue li.button-list>ul:hover>a {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box.blue a:hover {
|
||||||
|
background-color: #c9c9c9;
|
||||||
|
color: #171c94;
|
||||||
|
border-color: #171c94;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box.blue hr {
|
||||||
|
border-color: #c9c9c9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box.blue button:hover {
|
||||||
|
background-color: #c9c9c9;
|
||||||
|
color: #171c94;
|
||||||
|
border-color: #171c94;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box.blue .checkbox-right:hover,
|
||||||
|
.box.blue .checkbox-left:hover,
|
||||||
|
.box.blue .radio-right:hover,
|
||||||
|
.box.blue .radio-left:hover {
|
||||||
|
background-color: #c9c9c9;
|
||||||
|
color: #171c94;
|
||||||
|
border-color: #171c94;
|
||||||
|
}
|
||||||
|
|
||||||
.list-symbol::after {
|
.list-symbol::after {
|
||||||
content: " ▼"; }
|
content: " ▼";
|
||||||
|
}
|
||||||
|
|
||||||
.no-select {
|
.no-select {
|
||||||
user-select: none;
|
user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
-webkit-user-select: none; }
|
-webkit-user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* How to add pages:
|
/* How to add pages:
|
||||||
*
|
*
|
||||||
|
|
@ -221,149 +313,215 @@ nav > li {
|
||||||
* }
|
* }
|
||||||
* }
|
* }
|
||||||
*/
|
*/
|
||||||
/* Form styles */
|
|
||||||
input[type=checkbox], input[type=radio] {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.checkbox-right:hover, .checkbox-left:hover, .radio-right:hover, .radio-left:hover {
|
|
||||||
|
/* Form styles */
|
||||||
|
|
||||||
|
input[type=checkbox],
|
||||||
|
input[type=radio] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.checkbox-right:hover,
|
||||||
|
.checkbox-left:hover,
|
||||||
|
.radio-right:hover,
|
||||||
|
.radio-left:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #c9c9c9;
|
color: #c9c9c9;
|
||||||
background-color: #171c94; }
|
background-color: #171c94;
|
||||||
|
}
|
||||||
|
|
||||||
.checkbox-right::after {
|
.checkbox-right::after {
|
||||||
content: "[ ]"; }
|
content: "[ ]";
|
||||||
|
}
|
||||||
|
|
||||||
.checkbox-left::before {
|
.checkbox-left::before {
|
||||||
content: "[ ]"; }
|
content: "[ ]";
|
||||||
|
}
|
||||||
|
|
||||||
.radio-right::after {
|
.radio-right::after {
|
||||||
content: "( )"; }
|
content: "( )";
|
||||||
|
}
|
||||||
|
|
||||||
.radio-left::before {
|
.radio-left::before {
|
||||||
content: "( )"; }
|
content: "( )";
|
||||||
|
}
|
||||||
|
|
||||||
input[type=checkbox]:checked + .checkbox-right::after {
|
input[type=checkbox]:checked+.checkbox-right::after {
|
||||||
content: "[x]"; }
|
content: "[x]";
|
||||||
input[type=checkbox]:checked + .checkbox-left::before {
|
}
|
||||||
content: "[x]"; }
|
|
||||||
|
|
||||||
input[type=radio]:checked + .radio-right::after {
|
input[type=checkbox]:checked+.checkbox-left::before {
|
||||||
content: "(x)"; }
|
content: "[x]";
|
||||||
input[type=radio]:checked + .radio-left::before {
|
}
|
||||||
content: "(x)"; }
|
|
||||||
|
|
||||||
input[type=text], button {
|
input[type=radio]:checked+.radio-right::after {
|
||||||
|
content: "(x)";
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=radio]:checked+.radio-left::before {
|
||||||
|
content: "(x)";
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=text],
|
||||||
|
button {
|
||||||
background-color: inherit;
|
background-color: inherit;
|
||||||
border: none;
|
border: none;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
color: inherit; }
|
color: inherit;
|
||||||
input[type=text]:hover, button:hover {
|
}
|
||||||
cursor: pointer;
|
|
||||||
color: #c9c9c9;
|
input[type=text]:hover,
|
||||||
background-color: #171c94; }
|
button:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
color: #c9c9c9;
|
||||||
|
background-color: #171c94;
|
||||||
|
}
|
||||||
|
|
||||||
label:hover {
|
label:hover {
|
||||||
cursor: pointer; }
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
button:focus, button:hover, button:active, button::-moz-focus-inner {
|
button:focus,
|
||||||
|
button:hover,
|
||||||
|
button:active,
|
||||||
|
button::-moz-focus-inner {
|
||||||
border: none;
|
border: none;
|
||||||
text-decoration: none; }
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
button::before {
|
button::before {
|
||||||
content: "[ "; }
|
content: "[ ";
|
||||||
|
}
|
||||||
|
|
||||||
button::after {
|
button::after {
|
||||||
content: " ]"; }
|
content: " ]";
|
||||||
|
}
|
||||||
|
|
||||||
.textinput {
|
.textinput {
|
||||||
display: inline-block; }
|
display: inline-block;
|
||||||
.textinput:hover {
|
}
|
||||||
cursor: pointer;
|
|
||||||
color: #c9c9c9;
|
.textinput:hover {
|
||||||
background-color: #171c94; }
|
cursor: pointer;
|
||||||
.textinput::before {
|
color: #c9c9c9;
|
||||||
content: "["; }
|
background-color: #171c94;
|
||||||
.textinput::after {
|
}
|
||||||
content: "]"; }
|
|
||||||
.textinput:hover > input[type=text] {
|
.textinput::before {
|
||||||
background-color: #171c94;
|
content: "[";
|
||||||
color: #c9c9c9;
|
}
|
||||||
border-color: #c9c9c9; }
|
|
||||||
|
.textinput::after {
|
||||||
|
content: "]";
|
||||||
|
}
|
||||||
|
|
||||||
|
.textinput:hover>input[type=text] {
|
||||||
|
background-color: #171c94;
|
||||||
|
color: #c9c9c9;
|
||||||
|
border-color: #c9c9c9;
|
||||||
|
}
|
||||||
|
|
||||||
input[type=text] {
|
input[type=text] {
|
||||||
background-color: #c9c9c9;
|
background-color: #c9c9c9;
|
||||||
color: black;
|
color: black;
|
||||||
border-color: black;
|
border-color: black;
|
||||||
width: 15ch; }
|
width: 15ch;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Style helpers, like space-takers */
|
/* Style helpers, like space-takers */
|
||||||
|
|
||||||
.space-1 {
|
.space-1 {
|
||||||
min-height: 21px; }
|
min-height: 21px;
|
||||||
|
}
|
||||||
|
|
||||||
.space-2 {
|
.space-2 {
|
||||||
min-height: 42px; }
|
min-height: 42px;
|
||||||
|
}
|
||||||
|
|
||||||
.space-3 {
|
.space-3 {
|
||||||
min-height: 63px; }
|
min-height: 63px;
|
||||||
|
}
|
||||||
|
|
||||||
.space-4 {
|
.space-4 {
|
||||||
min-height: 84px; }
|
min-height: 84px;
|
||||||
|
}
|
||||||
|
|
||||||
.space-5 {
|
.space-5 {
|
||||||
min-height: 105px; }
|
min-height: 105px;
|
||||||
|
}
|
||||||
|
|
||||||
.width-5 {
|
.width-5 {
|
||||||
width: 5ch; }
|
width: 5ch;
|
||||||
|
}
|
||||||
|
|
||||||
.width-10 {
|
.width-10 {
|
||||||
width: 10ch; }
|
width: 10ch;
|
||||||
|
}
|
||||||
|
|
||||||
.width-15 {
|
.width-15 {
|
||||||
width: 15ch; }
|
width: 15ch;
|
||||||
|
}
|
||||||
|
|
||||||
.width-20 {
|
.width-20 {
|
||||||
width: 20ch; }
|
width: 20ch;
|
||||||
|
}
|
||||||
|
|
||||||
.width-25 {
|
.width-25 {
|
||||||
width: 25ch; }
|
width: 25ch;
|
||||||
|
}
|
||||||
|
|
||||||
.width-50 {
|
.width-50 {
|
||||||
width: 48ch; }
|
width: 48ch;
|
||||||
|
}
|
||||||
|
|
||||||
.width-100 {
|
.width-100 {
|
||||||
width: 98ch; }
|
width: 98ch;
|
||||||
|
}
|
||||||
|
|
||||||
.width-150 {
|
.width-150 {
|
||||||
width: 148ch; }
|
width: 148ch;
|
||||||
|
}
|
||||||
|
|
||||||
.width-200 {
|
.width-200 {
|
||||||
width: 198ch; }
|
width: 198ch;
|
||||||
|
}
|
||||||
|
|
||||||
.width-250 {
|
.width-250 {
|
||||||
width: 248ch; }
|
width: 248ch;
|
||||||
|
}
|
||||||
|
|
||||||
.padding-1 {
|
.padding-1 {
|
||||||
padding: 1ch;
|
padding: 1ch;
|
||||||
padding-top: 21px;
|
padding-top: 21px;
|
||||||
padding-bottom: 21px; }
|
padding-bottom: 21px;
|
||||||
|
}
|
||||||
|
|
||||||
.padding-2 {
|
.padding-2 {
|
||||||
padding: 2ch;
|
padding: 2ch;
|
||||||
padding-top: 42px;
|
padding-top: 42px;
|
||||||
padding-bottom: 42px; }
|
padding-bottom: 42px;
|
||||||
|
}
|
||||||
|
|
||||||
.padding-3 {
|
.padding-3 {
|
||||||
padding: 3ch;
|
padding: 3ch;
|
||||||
padding-top: 63px;
|
padding-top: 63px;
|
||||||
padding-bottom: 63px; }
|
padding-bottom: 63px;
|
||||||
|
}
|
||||||
|
|
||||||
.padding-4 {
|
.padding-4 {
|
||||||
padding: 4ch;
|
padding: 4ch;
|
||||||
padding-top: 84px;
|
padding-top: 84px;
|
||||||
padding-bottom: 84px; }
|
padding-bottom: 84px;
|
||||||
|
}
|
||||||
|
|
||||||
.padding-5 {
|
.padding-5 {
|
||||||
padding: 5ch;
|
padding: 5ch;
|
||||||
padding-top: 105px;
|
padding-top: 105px;
|
||||||
padding-bottom: 105px; }
|
padding-bottom: 105px;
|
||||||
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=style.css.map */
|
|
||||||
|
/*# sourceMappingURL=style.css.map */
|
||||||
Loading…
Reference in New Issue