cleaner borders

mojolicious · Jan 31, 2015 · ebe0fdf · ebe0fdf
1 parent 4d21ed1
commit ebe0fdf
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/Changes b/Changes
@@ -5,6 +5,7 @@
     Mojo::Message.
   - Improved Hypnotoad load balancing by calling srand() after starting a new
     worker in Mojo::Server::Prefork.
+  - Improved design of built-in templates.
   - Fixed bug in Mojo::IOLoop where the accept limit was applied too broadly.
   - Fixed bug in Mojo::Server::Prefork where the TTOU signal would not always
     stop a worker.

diff --git a/lib/Mojolicious/templates/development.html.ep b/lib/Mojolicious/templates/development.html.ep
@@ -49,7 +49,7 @@
       td { padding: 0.5em }
       .box {
         background-color: #fff;
-        box-shadow: 0px 0px 2px #999;
+        border: solid #ccb 1px;
         overflow: hidden;
         padding: 1em;
       }
@@ -86,7 +86,14 @@
         padding-top: 1em;
         text-align: center;
       }
-      #nothing { padding-top: 60px }
+      #nothing {
+        border-bottom: 0;
+        padding-top: 60px;
+      }
+      #showcase {
+        border-bottom: 0;
+        border-top: 0;
+      }
       #showcase table { margin-top: 1em }
       #showcase td {
         padding-top: 0;
@@ -104,6 +111,7 @@
       }
       #more .tap, #trace .tap { text-shadow: #ddd 0 1px 0 }
       #request {
+        border-bottom: 0;
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
         margin-top: 1em;
@@ -113,6 +121,7 @@
         border-bottom-right-radius: 5px;
         padding-top: 70px;
       }
+      #trace { border-top: 0 }
       #wrapperlicious {
         max-width: 1000px;
         margin: 0 auto;

diff --git a/lib/Mojolicious/templates/perldoc.html.ep b/lib/Mojolicious/templates/perldoc.html.ep
@@ -59,9 +59,9 @@
       }
       #perldoc {
         background-color: #fff;
+        border: solid #ccb 1px;
         border-bottom-left-radius: 5px;
         border-bottom-right-radius: 5px;
-        box-shadow: 0px 0px 2px #999;
         margin-left: 5em;
         margin-right: 5em;
         padding: 3em;