205 строки
3,9 КиБ
CSS
205 строки
3,9 КиБ
CSS
html {
|
|
font-family: sans-serif;
|
|
font-size: 15pt;
|
|
background-color:#556;
|
|
background-image: linear-gradient(130deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
|
|
linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
|
|
linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
|
|
linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
|
|
linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a),
|
|
linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
|
|
background-size:80px 140px;
|
|
background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
|
|
}
|
|
|
|
p {
|
|
font-family: sans-serif;
|
|
}
|
|
h1, section {
|
|
margin: 1em;
|
|
}
|
|
|
|
body.cfn {
|
|
background-color: #454242;
|
|
color: white;
|
|
}
|
|
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #e12323;
|
|
font-size: large;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline darkblue;
|
|
font-size: large;
|
|
color: blueviolet;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
}
|
|
|
|
hr {
|
|
border: 0;
|
|
border-top: 1px dotted #000;
|
|
}
|
|
|
|
#cfn {
|
|
display: none;
|
|
background: black;
|
|
font-size: 3em;
|
|
font-family: Mono;
|
|
margin: 10% 40% 10% 10%;
|
|
text-align: center;
|
|
border-radius: 5%;
|
|
}
|
|
|
|
#cfn a:hover {
|
|
background: green;
|
|
color: black;
|
|
font-size: 100%;
|
|
}
|
|
|
|
|
|
ul {
|
|
list-style: none;
|
|
}
|
|
|
|
hr {
|
|
border: 0;
|
|
border-top: 1px dotted #000;
|
|
}
|
|
|
|
pre {
|
|
white-space: inherit;
|
|
}
|
|
|
|
.logo {
|
|
float: left;
|
|
max-width: 350px;
|
|
margin: 1em;
|
|
border: solid 1px grey;
|
|
}
|
|
|
|
|
|
.menu {
|
|
background-color: black;
|
|
border-radius: 100px;
|
|
padding: 1% 5% 1% 1%;
|
|
margin: 0% 5% 0% 5%;
|
|
text-align: center;
|
|
}
|
|
|
|
.lang {
|
|
border-radius: 100px;
|
|
margin: -1em 0 0 -1em;
|
|
position: absolute;
|
|
font-family: "Mono";
|
|
width: 40px;
|
|
}
|
|
|
|
.lang a:hover {
|
|
color: green;
|
|
}
|
|
|
|
body {
|
|
max-width: 1200px;
|
|
padding:1em;
|
|
background-color:rgba(236,236,236,0.75);
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
footer {
|
|
background-color: black;
|
|
border-radius: 100px;
|
|
padding: 1% 5% 1% 1%;
|
|
margin: 0% 5% 0% 5%;
|
|
text-align: center;
|
|
color: white;
|
|
font-size: 0.7em;
|
|
}
|
|
|
|
.copyleft {
|
|
transform: rotate(180deg);
|
|
display: inline-block;
|
|
}
|
|
|
|
section > h3 {
|
|
text-align: left;
|
|
margin-right: 2rem;
|
|
margin-left: 2rem;
|
|
}
|
|
|
|
section p:nth-child(2) {
|
|
font-size: large;
|
|
margin: auto 3rem;
|
|
text-align: justify;
|
|
}
|
|
|
|
#propose > h3 {
|
|
text-align: center;
|
|
color: yellow;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.node.tmpl {
|
|
background-color: #151513;
|
|
font-family: "Mono";
|
|
text-align: center;
|
|
border-radius: 10px;
|
|
color: green;
|
|
font-size: 1em;
|
|
}
|
|
|
|
|
|
|
|
.register {
|
|
background-color: #151513;
|
|
font-family: "Mono";
|
|
text-align: center;
|
|
border-radius: 10px;
|
|
color: green;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.quote {
|
|
margin: 8px 0px 8px 0px;
|
|
padding: 8px 8px 8px 8px;
|
|
border-width: 3px;
|
|
border-style: dotted;
|
|
border-color: #000000;
|
|
background-color: #151513;
|
|
font-family: "Mono";
|
|
text-align: right;
|
|
font-size: 12pt;
|
|
color: white;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
pre {
|
|
margin: 8px 0px 8px 0px;
|
|
padding: 8px 8px 8px 8px;
|
|
border-width: 3px;
|
|
border-style: dotted;
|
|
border-color: #000000;
|
|
background-color: #151513;
|
|
font-family: "Mono";
|
|
text-align: left;
|
|
font-size: 12pt;
|
|
color: white;
|
|
white-space: pre-wrap;
|
|
|
|
}
|
|
|
|
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
|
::::::::::::::::::::::media:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
|
::::::::::::::::::::::::::::*/
|
|
|
|
@media (max-width: 400px) {
|
|
.logo {
|
|
float:none;
|
|
max-width: 250px;
|
|
}
|
|
}
|