100 lines
3.6 KiB
CSS
100 lines
3.6 KiB
CSS
@import url("https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css");
|
|
|
|
/* Body */
|
|
@import url("https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&display=swap");
|
|
body{
|
|
font-family:"Fira Mono",monospace;
|
|
padding:0 10%;margin:0 0 2em 0;
|
|
background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='30.0px' height='30.0px' viewBox='0 0 30.0 30.0' version='1.1' id='SVGRoot' sodipodi:docname='tilde.svg' inkscape:version='1.0.1 (3bc2e813f5, 2020-09-07)'%3E%3Cdefs id='defs1414' /%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='7.9195959' inkscape:cx='17.485262' inkscape:cy='25.213873' inkscape:document-units='px' inkscape:current-layer='layer1' inkscape:document-rotation='0' showgrid='true' inkscape:window-width='1343' inkscape:window-height='1030' inkscape:window-x='96' inkscape:window-y='0' inkscape:window-maximized='0'%3E%3Cinkscape:grid type='xygrid' id='grid1984' /%3E%3C/sodipodi:namedview%3E%3Cmetadata id='metadata1417'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Capa 1' inkscape:groupmode='layer' id='layer1'%3E%3Ctext xml:space='preserve' style='font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;fill:%2300ff08;fill-opacity:1;stroke:none;' x='-1.227743' y='27.821028' id='text1993'%3E%3Ctspan sodipodi:role='line' id='tspan1991' x='-1.227743' y='27.821028'%3E~%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E");
|
|
background-color:#353535;
|
|
background-position:center;
|
|
color:#00FF08;
|
|
}
|
|
.inside{
|
|
padding:1px 10px 0 10px;
|
|
background:black;
|
|
border-radius:0 0 10px 10px;
|
|
}
|
|
a{text-decoration:none;color:#00FF08;}
|
|
code{
|
|
background:rgb(184, 184, 184);
|
|
border-radius:3px;
|
|
padding:3px;
|
|
color:black;
|
|
}
|
|
#follow_inst{margin:0 10px;}
|
|
|
|
/* Header */
|
|
header{
|
|
/*width:100%;*/
|
|
padding: 10px;
|
|
background:repeat-y center url("https://i.ytimg.com");
|
|
background-size:cover;
|
|
color:black;
|
|
}
|
|
header img{
|
|
width:40px;
|
|
height:40px;
|
|
border-radius:15px;
|
|
background:white;
|
|
}
|
|
|
|
/* Sub-header */
|
|
#subh{
|
|
padding:1px 20px;
|
|
background:black;
|
|
border-radius:0 0 1px 1px;
|
|
}
|
|
#subh p{
|
|
color:rgb(83, 83, 83);
|
|
text-align:left;
|
|
}
|
|
#subh p span{margin:0px 8px 0px 0px;}
|
|
#follow{
|
|
float:right;
|
|
background:rgb(59, 150, 180);
|
|
color:white;
|
|
border:1px solid rgb(79, 151, 175);
|
|
border-radius:2px;
|
|
font-size:100%;
|
|
}
|
|
|
|
/* Entries */
|
|
.e{
|
|
margin:5px 0 0;
|
|
padding:10px;
|
|
background:black;
|
|
background-size:cover;
|
|
color:white;
|
|
border-radius:1px;
|
|
}
|
|
.e a{color:white;}
|
|
.e.show h2{font-weight:normal;}
|
|
.e.show .date{
|
|
font-size:70%;
|
|
font-weight:normal;
|
|
}
|
|
.pp{
|
|
background:white;
|
|
border-radius:100%;
|
|
width:20px;
|
|
height:20px;
|
|
}
|
|
.e img.cimg{
|
|
border-radius:10px;
|
|
border:solid 3px rgb(51, 51, 51);
|
|
margin:3px 0 0 0;
|
|
background:black;
|
|
width:99.5%;
|
|
height:300px;
|
|
object-fit:none;
|
|
cursor:zoom-in;
|
|
}
|
|
.go{
|
|
color:white;
|
|
height:100%;
|
|
text-align:end;
|
|
float:right;
|
|
font-size:110%;
|
|
align-self:center;
|
|
} |