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")