Browse Source

Tidy CSS a bit

Chris Ireland 10 years ago
parent
commit
cc177e2d2c
2 changed files with 24 additions and 34 deletions
  1. 10 20
      public/stylesheets/style.css
  2. 14 14
      views/index.jade

+ 10 - 20
public/stylesheets/style.css

@@ -81,13 +81,7 @@ h4 {
   margin-top: 1em;
   margin-top: 1em;
 }
 }
 
 
-.center {
-  text-align: center;
-}
-
-.code {
-  display: block;
-  font-family: monospace;
+code {
   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
@@ -272,4 +262,4 @@ img.preload {
 .avatar.mollstam:hover {background-image: url("/avatars/9769ecf6331448f3ace67ae06cec64a3?size=64&helm")}
 .avatar.mollstam:hover {background-image: url("/avatars/9769ecf6331448f3ace67ae06cec64a3?size=64&helm")}
 
 
 .avatar.mollstam {background-image: url("/avatars/f8cdb6839e9043eea81939f85d9c5d69?size=64")}
 .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")}

+ 14 - 14
views/index.jade

@@ -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
 
 
@@ -66,22 +66,22 @@ block content
                     | Usernames always default to steve.
                     | Usernames always default to steve.
                   td
                   td
                     | The image to be served when the id has no skin (404).<br>
                     | 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=steve") steve
-                    | , 
+                    | ,
                     a(href="/avatars/0?default=alex") alex
                     a(href="/avatars/0?default=alex") alex
                     | , or a custom URL.
                     | , or a custom URL.
                 tr
                 tr
                   td helm
                   td helm
                   td null
                   td null
-                  td 
+                  td
                   td Apply the "second" layer (hat) to the avatar.
                   td Apply the "second" layer (hat) to the avatar.
 
 
           section
           section
             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
 
 
@@ -145,14 +145,14 @@ block content
                 tr
                 tr
                   td helm
                   td helm
                   td null
                   td null
-                  td 
+                  td
                   td Apply the "second" layer (hat) to the avatar.
                   td Apply the "second" layer (hat) to the avatar.
 
 
           section
           section
             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
 
 
@@ -199,9 +199,9 @@ block content
                     | Usernames always default to steve.
                     | Usernames always default to steve.
                   td
                   td
                     | The image to be served when the id has no skin (404).<br>
                     | 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=steve") steve
-                    | , 
+                    | ,
                     a(href="/skins/0?default=alex") alex
                     a(href="/skins/0?default=alex") alex
                     | , or a custom URL.
                     | , or a custom URL.
 
 
@@ -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
@@ -332,4 +332,4 @@ block content
   img.preload(src="/avatars/9769ecf6331448f3ace67ae06cec64a3?size=64")
   img.preload(src="/avatars/9769ecf6331448f3ace67ae06cec64a3?size=64")
   img.preload(src="/avatars/9769ecf6331448f3ace67ae06cec64a3?size=64&helm")
   img.preload(src="/avatars/9769ecf6331448f3ace67ae06cec64a3?size=64&helm")
   img.preload(src="/avatars/f8cdb6839e9043eea81939f85d9c5d69?size=64")
   img.preload(src="/avatars/f8cdb6839e9043eea81939f85d9c5d69?size=64")
-  img.preload(src="/avatars/f8cdb6839e9043eea81939f85d9c5d69?size=64&helm")
+  img.preload(src="/avatars/f8cdb6839e9043eea81939f85d9c5d69?size=64&helm")