azures04/crafatar
1
0
Fork 0
mirror of https://github.com/azures04/crafatar.git synced 2026-03-22 07:51:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

Tidy CSS a bit

Browse Source
This commit is contained in:
Chris Ireland 2015-01-03 10:55:32 +00:00
parent 2d38bd20cb
commit cc177e2d2c
2 changed files with 24 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
public/stylesheets/style.css
View File

@ -81,13 +81,7 @@ h4 {
margin-top: 1em; margin-top: 1em;
} }
.center { code {
text-align: center;
}
.code {
display: block;
font-family: monospace;
word-wrap: break-word; word-wrap: break-word;
min-height: 20px; min-height: 20px;
padding: 10px 20px; padding: 10px 20px;
@ -99,11 +93,11 @@ h4 {
position: relative; position: relative;
} }
.code .example { code .example {
cursor: pointer; cursor: pointer;
} }
.code .example:hover { code .example:hover {
color: #000; color: #000;
text-decoration: underline; text-decoration: underline;
} }
@ -113,7 +107,7 @@ h4 {
height: 220px; height: 220px;
} }
.code .example-wrapper .preview, .code .preview-placeholder { code .example-wrapper .preview, code .preview-placeholder {
display: none; display: none;
left: 0; left: 0;
right: 0; right: 0;
@ -129,25 +123,25 @@ h4 {
color: #666; color: #666;
} }
.code .preview-placeholder { code .preview-placeholder {
display: block; display: block;
font-weight: bold; font-weight: bold;
} }
.code .preview-placeholder:hover { code .preview-placeholder:hover {
/* fixes glitchy blinking */ /* fixes glitchy blinking */
display: block !important; display: block !important;
} }
.code:hover .preview-placeholder { code:hover .preview-placeholder {
display: none; display: none;
} }
.code .example-wrapper .preview i { code .example-wrapper .preview i {
color: #aaa; color: #aaa;
} }
.code .example-wrapper:hover .preview { code .example-wrapper:hover .preview {
display: block; display: block;
} }
@ -184,10 +178,6 @@ h4 {
background-image: url("/skins/0?default=alex"); background-image: url("/skins/0?default=alex");
} }
.errmsg {
margin-top: 50px;
}
img.preload { img.preload {
/* /*
preload hover images preload hover images

14
views/index.jade
View File

@ -37,7 +37,7 @@ block content
| Replace | Replace
mark.green id mark.green id
| with a Mojang <b>UUID</b> or <b>username</b> to get the related head. All images are PNGs. | with a Mojang <b>UUID</b> or <b>username</b> to get the related head. All images are PNGs.
.code code
| #{domain}/avatars/ | #{domain}/avatars/
mark.green id mark.green id
@ -81,7 +81,7 @@ block content
a(id="avatar-examples", class="anchor") a(id="avatar-examples", class="anchor")
a(href="#avatar-examples") a(href="#avatar-examples")
h4 Avatar Examples h4 Avatar Examples
.code code
#avatar-example-1.example-wrapper #avatar-example-1.example-wrapper
.example #{domain}/avatars/jeb_ .example #{domain}/avatars/jeb_
p.preview Jeb's avatar p.preview Jeb's avatar
@ -117,11 +117,11 @@ block content
mark.green id mark.green id
| with a Mojang <b>UUID</b> or <b>username</b> to get a render of the skin. | 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. | The <b>head</b> render type returns a render of the skin's head.
.code code
| #{domain}/renders/head/ | #{domain}/renders/head/
mark.green id mark.green id
| The <b>body</b> render returns a render of the entire skin. | The <b>body</b> render returns a render of the entire skin.
.code code
| #{domain}/renders/body/ | #{domain}/renders/body/
mark.green id mark.green id
@ -152,7 +152,7 @@ block content
a(id="render-examples", class="anchor") a(id="render-examples", class="anchor")
a(href="#render-examples") a(href="#render-examples")
h4 Render Examples h4 Render Examples
.code code
#render-example-1.example-wrapper #render-example-1.example-wrapper
.example #{domain}/renders/body/jeb_?helm&amp;scale=4 .example #{domain}/renders/body/jeb_?helm&amp;scale=4
p.preview Jeb's body, with helmet, 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> | 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> | The user's skin is returned, or the default image is served.<br>
| You can use the default parameter here as well. | You can use the default parameter here as well.
.code code
| #{domain}/skins/ | #{domain}/skins/
mark.green id mark.green id
@ -209,7 +209,7 @@ block content
a(id="skin-examples", class="anchor") a(id="skin-examples", class="anchor")
a(href="#skin-examples") a(href="#skin-examples")
h4 Skin Examples h4 Skin Examples
.code code
#skin-example-1.example-wrapper #skin-example-1.example-wrapper
.example #{domain}/skins/jeb_ .example #{domain}/skins/jeb_
p.preview Jeb's skin p.preview Jeb's skin