diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index f6acde2..0bf2f86 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -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")}
\ No newline at end of file
+.avatar.mollstam:hover {background-image: url("/avatars/f8cdb6839e9043eea81939f85d9c5d69?size=64&helm")}
diff --git a/views/index.jade b/views/index.jade
index e8f7ee5..6b557ea 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -37,7 +37,7 @@ block content
| Replace
mark.green id
| with a Mojang UUID or username 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).
- | 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 UUID or username to get a render of the skin.
| The head render type returns a render of the skin's head.
- .code
+ code
| #{domain}/renders/head/
mark.green id
| The body 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 UUID or username to get the related skin.
| The user's skin is returned, or the default image is served.
| 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).
- | 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")
\ No newline at end of file
+ img.preload(src="/avatars/f8cdb6839e9043eea81939f85d9c5d69?size=64&helm")