ozmoazarath
New Coder
Hello,
I am looking to get some help to enable HiRes photos or a larger photo size on my tumblr without them looking pixelated.
The height has also changed to be funky. Please help.
ozmo-azarath.tumblr.com
I would post the code but the code inserter is being weird
I am looking to get some help to enable HiRes photos or a larger photo size on my tumblr without them looking pixelated.
The height has also changed to be funky. Please help.
ozmo-azarath.tumblr.com
I would post the code but the code inserter is being weird
Code:
<style>
container a:hover {
color:black;
text-decoration:line-through;
cursor:default;
transition-duration: 1s;
}
li {
color:black;
font-size:10pt;
font-family: times;
}
body {
background-color: black;
}
.gengar {
width:400pt;
border-radius:20pt;
display:flex;
justify-content: center;
height:auto;
transition-duration: 5s;
}
.gengar:hover {
opacity:60%;
transition-duration: 2s;
cursor:help;
width:400pt;
}
.bottom a, .bottom {
color:white;
font-size:30pt;
background-color:black;
border-radius:30pt;
width:300px;
}
.crystals {
background-color:black;
height:40px;
width:800px;
display:block;
color:gray;
font-family:tahoma;
font-size:10pt;
padding-bottom:15pt;
font-weight: bold;
}
.crystals a {
padding-bottom:5px;
font-weight: 50;
font-family:times;
text-decoration:none;
line-height:50px;
font-size:16pt;
font-style:italic;
text-decoration-color:black;
transition-duration: 3s;
text-decoration-thickness:5pt;
color:gray;
}
.crystals a:hover {
color:white;
line-height:50px;
text-decoration:underline;
text-decoration-thickness:5pt;
transition-duration: 1s;
text-decoration-color:#F8C8DC;
cursor:help;
}
.container {
color: black;
font-family: helvetica;
border-radius:25pt;
padding-top:9pt;
background-color:white;
width:825pt;
display:flex;
justify-content: center;
color:black;
}
.container a {
color:gray;
text-transform: lowercase;
text-decoration:none;
transition-duration: 3s;
}
.container a:hover {
cursor:default;
text-decoration: none;
color:#333;
}
/*p o s t s h i t*/
.container img {
width:auto;
height:auto;
max-width:auto;
border-radius:20pt;
transition-duration: 3s;
}
.container img:hover {
border-radius:20pt;
opacity:70%;
transition-duration: 1s;
}
.photoset_row{ height: auto !important; width: auto !important; } .photoset_row img, a:img { width: auto !important; max-width: auto; border-radius: 20pt;}
.photoset {cursor: default !important;
transition-duration: 1s;
border-radius: 30pt;
}
.photoset:img, a img, a:img {border-radius: 100pt;}
.photoset:hover {
opacity:70%;
transition-duration: 1s;
cursor:default;
}
a img:active {
max-width:auto;
}
a img:focus, a img:hover {
opacity:70%;
transition-duration: 1s;
cursor:default;
}
</style>
<html>
<head>
<center>
<a href="https://ozmo-azarath.tumblr.com">
<img class="gengar" alt="a photo of ozmo azarath as a black mage" src="https://static.tumblr.com/4prueyh/UXWmw22rv/ozmoazarath.png">
</a>
<br>
<div class="crystals">
<a href="https://kingbutterfree.tumblr.com/aboutme">
about me</a>
†
<a href="https://kingbutterfree.tumblr.com/social">
social networks</a>
†
<a href="https://kingbutterfree.tumblr.com/gaming">
video games</a>
†
<a href="https://kingbutterfree.tumblr.com/ask">
ask me a question</a>
</div>
<div class="container">
<center>
{block:Posts}{block:Text}
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}{Body}
{block:PostNotes} {/block:PostNotes}
{/block:Text}{Block:Photo}{LinkOpenTag}
<img src="{PhotoURL-700}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:HighRes}
<a href="{PhotoURL-HighRes}">View in High-Res</a>{/block:HighRes}{block:Exif}
<ul>{block:Camera}
<li>Camera: {Camera}</li>{/block:Camera}{block:Aperture}
<li>Aperture: {Aperture}</li>{/block:Aperture}{block:Exposure}
<li>Exposure: {Exposure}</li>{/block:Exposure}{block:FocalLength}
<li>Focal Length: {FocalLength}</li>{/block:FocalLength}
</ul>{/block:Exif}{block:Caption}{Caption}{/block:Caption}{/Block:Photo}{block:Panorama}
{LinkOpenTag}
<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
{LinkCloseTag}{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Panorama}<br>{block:Photoset}{block:Photos}
<img src="{PhotoURL-HighRes}"
width="auto"height="auto"/>
{block:Caption}{Caption}{/block:Caption}{block:Exif}
<ul>...</ul>
{/block:Exif}{/block:Photos}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}<br>{block:Quote}
"{Quote}"
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
{/block:Quote}{block:Link}
<a href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}{block:Chat}
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
{block:Lines}
{block:Label}
<span class="label">{Label}</span>
{/block:Label}{Line}
{/block:Lines}
{/block:Chat}{block:Video}
{Video-HighRes}{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Video}{block:Audio}
{AudioEmbed}{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Audio}{/block:Posts}
<p id="footer"><div class="bottom">
{block:PreviousPage}
<a href="{PreviousPage}">☽</a>
{/block:PreviousPage}◯{block:NextPage}
<a href="{NextPage}">☾</a>
{/block:NextPage}</div>
<br>
<a href="/archive">visit the past</a>
</p>
</center></div>
</center></head></html>
