123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205 |
- 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;
- }
- }
|