corn tel me , 'center it', i think it wont look as good, but corn was right...
This commit is contained in:
parent
8763976f15
commit
4c26a6b950
102
style.css
102
style.css
@ -3,19 +3,20 @@
|
|||||||
License: none (public domain)
|
License: none (public domain)
|
||||||
*/
|
*/
|
||||||
|
|
||||||
html, body, div, span, applet, object, iframe,
|
html,
|
||||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
body,
|
||||||
a, abbr, acronym, address, big, cite, code,
|
div,
|
||||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
span,
|
||||||
small, strike, strong, sub, sup, tt, var,
|
h1,
|
||||||
b, u, i, center,
|
h2,
|
||||||
dl, dt, dd, ol, ul, li,
|
h3,
|
||||||
fieldset, form, label, legend,
|
h4,
|
||||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
h5,
|
||||||
article, aside, canvas, details, embed,
|
h6,
|
||||||
figure, figcaption, footer, header, hgroup, input,
|
p,
|
||||||
menu, nav, output, ruby, section, summary,
|
a,
|
||||||
time, mark, audio, video {
|
code,
|
||||||
|
img {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
@ -26,38 +27,14 @@ time, mark, audio, video {
|
|||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* HTML5 display-role reset for older browsers */
|
|
||||||
article, aside, details, figcaption, figure,
|
|
||||||
footer, header, hgroup, menu, nav, section {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol, ul {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote, q {
|
|
||||||
quotes: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote:before, blockquote:after,
|
|
||||||
q:before, q:after {
|
|
||||||
content: '';
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* boring text stuff */
|
/* boring text stuff */
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 2.5em;
|
font-size: 2.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2, button {
|
h2,
|
||||||
|
button {
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -77,20 +54,20 @@ h6 {
|
|||||||
font-size: 0.7em;
|
font-size: 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1,
|
||||||
font-weight: 600;
|
h2,
|
||||||
}
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6,
|
||||||
p {
|
p {
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6, p, input, code, button {
|
|
||||||
font-family: "Montserrat";
|
font-family: "Montserrat";
|
||||||
|
font-weight: 600;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* styling begins */
|
/* real styling begins */
|
||||||
body {
|
body {
|
||||||
background: #060008;
|
background: #060008;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
@ -98,12 +75,19 @@ body {
|
|||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.star { color: #CBD7F1; }
|
.star {
|
||||||
.light { color: #FEFDC1; }
|
color: #CBD7F1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.light {
|
||||||
|
color: #FEFDC1;
|
||||||
|
}
|
||||||
|
|
||||||
.buttons {
|
.buttons {
|
||||||
|
text-align: center;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons>a {
|
.buttons>a {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
@ -112,17 +96,21 @@ hr {
|
|||||||
border: 0;
|
border: 0;
|
||||||
height: 3px;
|
height: 3px;
|
||||||
width: 35vw;
|
width: 35vw;
|
||||||
margin: 10px 0;
|
margin: 10px auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes movinggradient {
|
||||||
|
from {
|
||||||
|
background-position: 35vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes movinggradient {
|
to {
|
||||||
from {background-position: 35vw;}
|
background-position: 0px;
|
||||||
to {background-position: 0px;}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.movinggradient {
|
.movinggradient {
|
||||||
background-image: repeating-linear-gradient(to left, #4b4b88, #4b884b, #88884b, #885F4B, #884b4b, #4b4b88);
|
background-image: repeating-linear-gradient(to left, #4b4b88, #4b884b, #88884b, #885F4B, #884b4b, #4b4b88);
|
||||||
background-position: 0px;
|
background-position: 0px;
|
||||||
animation: movinggradient 1s linear infinite;
|
animation: movinggradient 1s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user