Fenx-Blog-Source-Code/template/head.html

180 lines
2.8 KiB
HTML
Raw Normal View History

2020-05-17 20:50:50 +02:00
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="chrome://browser/content/robot.ico"/>
<meta charset="utf-8">
<style>
/* general */
body {
margin: 0px;
padding: 10px 10px; /* 10 50*/
font-family: Consolas,Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
background: black;
}
a, a:visited, body {
color: white;
}
a:hover, a:active {
color: purple;
}
.header, .post {
/*max-width: 800px; */
}
/* header */
.header {
display: block;
line-height: 20pt;
margin-left: auto;
margin-right: auto;
}
/* header logo: icon + green text on the right */
.logo, .logo:visited {
display: block;
color: red;
}
.icon {
animation: rotate 2s linear infinite;
animation-play-state: paused;
display: block;
font-size: 50pt;
float: left;
line-height: 50pt;
padding: 0px 10px;
}
.logo:hover .icon {
animation-play-state: running;
}
@keyframes rotate {
100% {transform: rotate(1turn);}
}
.logotext {
display: inline-block;
padding: 0px 15px;
font-style: italic;
line-height: 25pt;
}
/*Color verde + italic del bloque lenguaje*/
.lenguajes {
display: inline-block;
padding: 0px 3px;
font-style: italic;
background: green;
}
.header .links {
background: orange;
display: block;
margin-top: 10px;
line-height: 25pt;
border-bottom: 3px solid green;
box-shadow: 0px 2px 1px 0px green;
}
.header .links a {
padding: 10px;
text-decoration: none;
}
/* content */
.post {
display: block;
margin: 50px;
padding-bottom: 25px;
border-bottom: 2px solid green;
margin-left: auto;
margin-right: auto;
line-height: 1.5;
}
.h1 {
display: block;
text-decoration: underline;
font-weight: bold;
margin: 50px 0px 50px 0px;
/*transform: scale(1, 1.5);*/
line-height: 40pt;
2020-06-29 05:52:51 +02:00
font-size: 20pt;
2020-05-17 20:50:50 +02:00
}
.h2 {
display: block;
font-size: 18pt;
font-weight: bold;
}
.index {
font-size: 9pt;
}
.date, .ert, .ert::before {
color: gray;
font-weight: bold;
font-size: 10.5pt;
}
.est {
color: orange;
font-weight: bold;
font-size: 12pt;
}
.est::before {
content: " ";
padding: 0px 0px 0px 5px;
}
/*Fecha*/
2020-06-29 05:52:51 +02:00
/*.date::after {
2020-05-17 20:50:50 +02:00
content: "/";
padding: 0px 0px 0px 5px;
2020-06-29 05:52:51 +02:00
}*/
2020-05-20 03:48:39 +02:00
2020-05-17 20:50:50 +02:00
/*Codigo*/
.code {
background: #263238;
display: inline-block;
}
2020-05-20 03:48:39 +02:00
pre {
overflow-x: auto;
}
2020-05-17 20:50:50 +02:00
.arial {
font-family: DejaVu Sans, Sans-Serif, Arial;
}
/*Atencion*/
.aten {
background: red;
}
.index_post {
display: block;
}
/* thumbnails */
.thumb {
border-bottom: 3px dotted #444;
font-size: 0;
}
.thumb:hover {
border-bottom: 3px dotted green;
}
.thumb img {
width: 50%;
height: auto;
padding-bottom: 3px;
margin-top: 20px;
}
/*thumbnails with text on right*/
.thumb-with-text-on-right {
clear: left;
padding: 10px 0px;
}
.thumb-with-text-on-right .thumb{
float: left;
margin-right: 20px;
}
</style>
<link rel="alternate" href="@WEBROOT@/feed.xml" type="application/rss+xml">