mirror of
https://github.com/azures04/crafatar.git
synced 2026-03-21 23:41:18 +01:00
Tidy CSS a bit
This commit is contained in:
parent
2d38bd20cb
commit
cc177e2d2c
@ -81,13 +81,7 @@ h4 {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.code {
|
||||
display: block;
|
||||
font-family: monospace;
|
||||
code {
|
||||
word-wrap: break-word;
|
||||
min-height: 20px;
|
||||
padding: 10px 20px;
|
||||
@ -99,11 +93,11 @@ h4 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.code .example {
|
||||
code .example {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.code .example:hover {
|
||||
code .example:hover {
|
||||
color: #000;
|
||||
text-decoration: underline;
|
||||
}
|
||||
@ -113,7 +107,7 @@ h4 {
|
||||
height: 220px;
|
||||
}
|
||||
|
||||
.code .example-wrapper .preview, .code .preview-placeholder {
|
||||
code .example-wrapper .preview, code .preview-placeholder {
|
||||
display: none;
|
||||
left: 0;
|
||||
right: 0;
|
||||
@ -129,25 +123,25 @@ h4 {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.code .preview-placeholder {
|
||||
code .preview-placeholder {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.code .preview-placeholder:hover {
|
||||
code .preview-placeholder:hover {
|
||||
/* fixes glitchy blinking */
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.code:hover .preview-placeholder {
|
||||
code:hover .preview-placeholder {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.code .example-wrapper .preview i {
|
||||
code .example-wrapper .preview i {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.code .example-wrapper:hover .preview {
|
||||
code .example-wrapper:hover .preview {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@ -184,10 +178,6 @@ h4 {
|
||||
background-image: url("/skins/0?default=alex");
|
||||
}
|
||||
|
||||
.errmsg {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
img.preload {
|
||||
/*
|
||||
preload hover images
|
||||
@ -272,4 +262,4 @@ img.preload {
|
||||
.avatar.mollstam:hover {background-image: url("/avatars/9769ecf6331448f3ace67ae06cec64a3?size=64&helm")}
|
||||
|
||||
.avatar.mollstam {background-image: url("/avatars/f8cdb6839e9043eea81939f85d9c5d69?size=64")}
|
||||
.avatar.mollstam:hover {background-image: url("/avatars/f8cdb6839e9043eea81939f85d9c5d69?size=64&helm")}
|
||||
.avatar.mollstam:hover {background-image: url("/avatars/f8cdb6839e9043eea81939f85d9c5d69?size=64&helm")}
|
||||
|
||||
@ -37,7 +37,7 @@ block content
|
||||
| Replace
|
||||
mark.green id
|
||||
| with a Mojang <b>UUID</b> or <b>username</b> to get the related head. All images are PNGs.
|
||||
.code
|
||||
code
|
||||
| #{domain}/avatars/
|
||||
mark.green id
|
||||
|
||||
@ -66,22 +66,22 @@ block content
|
||||
| Usernames always default to steve.
|
||||
td
|
||||
| The image to be served when the id has no skin (404).<br>
|
||||
| Valid options are
|
||||
| Valid options are
|
||||
a(href="/avatars/0?default=steve") steve
|
||||
| ,
|
||||
| ,
|
||||
a(href="/avatars/0?default=alex") alex
|
||||
| , or a custom URL.
|
||||
tr
|
||||
td helm
|
||||
td null
|
||||
td
|
||||
td
|
||||
td Apply the "second" layer (hat) to the avatar.
|
||||
|
||||
section
|
||||
a(id="avatar-examples", class="anchor")
|
||||
a(href="#avatar-examples")
|
||||
h4 Avatar Examples
|
||||
.code
|
||||
code
|
||||
#avatar-example-1.example-wrapper
|
||||
.example #{domain}/avatars/jeb_
|
||||
p.preview Jeb's avatar
|
||||
@ -117,11 +117,11 @@ block content
|
||||
mark.green id
|
||||
| with a Mojang <b>UUID</b> or <b>username</b> to get a render of the skin.
|
||||
| The <b>head</b> render type returns a render of the skin's head.
|
||||
.code
|
||||
code
|
||||
| #{domain}/renders/head/
|
||||
mark.green id
|
||||
| The <b>body</b> render returns a render of the entire skin.
|
||||
.code
|
||||
code
|
||||
| #{domain}/renders/body/
|
||||
mark.green id
|
||||
|
||||
@ -145,14 +145,14 @@ block content
|
||||
tr
|
||||
td helm
|
||||
td null
|
||||
td
|
||||
td
|
||||
td Apply the "second" layer (hat) to the avatar.
|
||||
|
||||
section
|
||||
a(id="render-examples", class="anchor")
|
||||
a(href="#render-examples")
|
||||
h4 Render Examples
|
||||
.code
|
||||
code
|
||||
#render-example-1.example-wrapper
|
||||
.example #{domain}/renders/body/jeb_?helm&scale=4
|
||||
p.preview Jeb's body, with helmet, scale 4
|
||||
@ -175,7 +175,7 @@ block content
|
||||
| with a Mojang <b>UUID</b> or <b>username</b> to get the related skin.<br>
|
||||
| The user's skin is returned, or the default image is served.<br>
|
||||
| You can use the default parameter here as well.
|
||||
.code
|
||||
code
|
||||
| #{domain}/skins/
|
||||
mark.green id
|
||||
|
||||
@ -199,9 +199,9 @@ block content
|
||||
| Usernames always default to steve.
|
||||
td
|
||||
| The image to be served when the id has no skin (404).<br>
|
||||
| Valid options are
|
||||
| Valid options are
|
||||
a(href="/skins/0?default=steve") steve
|
||||
| ,
|
||||
| ,
|
||||
a(href="/skins/0?default=alex") alex
|
||||
| , or a custom URL.
|
||||
|
||||
@ -209,7 +209,7 @@ block content
|
||||
a(id="skin-examples", class="anchor")
|
||||
a(href="#skin-examples")
|
||||
h4 Skin Examples
|
||||
.code
|
||||
code
|
||||
#skin-example-1.example-wrapper
|
||||
.example #{domain}/skins/jeb_
|
||||
p.preview Jeb's skin
|
||||
@ -332,4 +332,4 @@ block content
|
||||
img.preload(src="/avatars/9769ecf6331448f3ace67ae06cec64a3?size=64")
|
||||
img.preload(src="/avatars/9769ecf6331448f3ace67ae06cec64a3?size=64&helm")
|
||||
img.preload(src="/avatars/f8cdb6839e9043eea81939f85d9c5d69?size=64")
|
||||
img.preload(src="/avatars/f8cdb6839e9043eea81939f85d9c5d69?size=64&helm")
|
||||
img.preload(src="/avatars/f8cdb6839e9043eea81939f85d9c5d69?size=64&helm")
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user