Fix Teto square
This commit is contained in:
parent
d29992d07d
commit
6d0553b648
6 changed files with 24 additions and 9 deletions
File diff suppressed because one or more lines are too long
|
@ -1 +1 @@
|
|||
#sidebar{width:190px;height:100%;top:0;left:0;overflow:auto;overflow-x:hidden;position:fixed;z-index:1;margin:0;padding:0;font-size:25px;background-image:url("https://static.vecteezy.com/system/resources/previews/034/886/330/non_2x/black-background-modern-dark-abstract-seamless-texture-vector.jpg");background-attachment:fixed}.sb_header{font-size:25px;margin-left:15px}.sb_link{margin:.5em;padding:.5em;color:#fff;font-size:16px;text-decoration:none;transition:.3s}.sb_link:hover{color:#7ccbd5;font-size:17px;text-decoration:none}.sb_img{display:block;margin-left:auto;margin-right:auto;max-width:calc(100% - 2em)}.personal{color:#fc3f5b}.nixfox{color:#2abafc}.pers:hover{color:#fca9c0}.fox:hover{color:#a9c0fc}
|
||||
#sidebar{width:190px;height:100%;top:0;left:0;overflow:auto;overflow-x:hidden;position:fixed;z-index:1;margin:0;padding:0;font-size:25px;background-image:url("https://static.vecteezy.com/system/resources/previews/034/886/330/non_2x/black-background-modern-dark-abstract-seamless-texture-vector.jpg");background-attachment:fixed}.sb_header{font-size:25px;margin-left:15px}.sb_link{margin:.5em;padding:.5em;color:#fff;font-size:16px;text-decoration:none;transition:.3s}.sb_link:hover{color:#7ccbd5;font-size:17px;text-decoration:none}.sb_img{display:block;margin-left:auto;margin-right:auto;margin-top:10px;max-width:calc(100% - 1.2em)}.sb_img img{display:block;margin-left:auto;margin-right:auto;max-width:calc(100% - 2em)}.personal{color:#fc3f5b}.nixfox{color:#2abafc}.pers:hover{color:#fca9c0}.fox:hover{color:#a9c0fc}
|
|
@ -1 +1 @@
|
|||
body{font-family:"IBM Plex Mono",monospace;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;font-size:16px}a{cursor:crosshair;border:1px solid rgba(0,0,0,0);margin:0}a:hover{border:2px solid rgba(0,0,0,0);border-image:url("./ants.gif") 1 repeat}#main{margin:0;flex:0 1 auto;align-self:auto;width:50%;border:3px solid green}li{list-style-type:none;width:100%}
|
||||
body{font-family:"IBM Plex Mono",monospace;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;font-size:16px;top:0}a{cursor:crosshair;border:1px solid rgba(0,0,0,0);margin:0}a:hover{border:2px solid rgba(0,0,0,0);border-image:url("/ants.gif") 1 repeat}#main{position:absolute;top:50px;right:20%;left:250px;padding-bottom:25px}#main>div{margin:auto;width:100%;min-height:100%}li{list-style-type:none;width:100%}
|
|
@ -39,6 +39,14 @@
|
|||
}
|
||||
|
||||
.sb_img {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 10px;
|
||||
max-width: calc(100% - 1.2em);
|
||||
}
|
||||
|
||||
.sb_img img {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
|
|
@ -5,6 +5,7 @@ body {
|
|||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
font-size: 16px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
|
@ -19,11 +20,17 @@ a:hover {
|
|||
}
|
||||
|
||||
#main {
|
||||
margin: 0;
|
||||
flex: 0 1 auto;
|
||||
align-self: auto;
|
||||
width: 50%;
|
||||
border: 3px solid green;
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 20%;
|
||||
left: 250px;
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
|
||||
#main > div {
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
li {
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
|
||||
<body>
|
||||
<div id="sidebar">
|
||||
<a href="/"><img alt="teto creature" src="https://art.pixilart.com/sr2a62fc9ed2173.png" class="sb_img" title="Little Teto Guy"></a>
|
||||
<a href="/" class="sb_img"><img src="https://art.pixilart.com/sr2a62fc9ed2173.png" alt="teto creature"></a>
|
||||
|
||||
<div class="sb_header personal"><b>personal</b></div>
|
||||
<a href="/blog" class="sb_link pers">📰 blog</a><br>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue