svn commit: r40572 - head/en_US.ISO8859-1/htdocs/layout/css

[Glen Barber]

Author: gjb
Date: Sat Jan 12 17:12:57 2013
New Revision: 40572
URL: http://svnweb.freebsd.org/changeset/doc/40572

Log:
  Use pure CSS for "Get FreeBSD Now" and "New to FreeBSD" buttons
  on the index page.
  
  In my tests, this change reduces page load time from 1.127 seconds
  to 0.733 seconds on average, and removes 13 extra HTTP requests.

Modified:
  head/en_US.ISO8859-1/htdocs/layout/css/fixed.css
  head/en_US.ISO8859-1/htdocs/layout/css/layout.css

Modified: head/en_US.ISO8859-1/htdocs/layout/css/fixed.css
==============================================================================
--- head/en_US.ISO8859-1/htdocs/layout/css/fixed.css	Sat Jan 12 16:27:30 2013	(r40571)
+++ head/en_US.ISO8859-1/htdocs/layout/css/fixed.css	Sat Jan 12 17:12:57 2013	(r40572)
@@ -12,7 +12,7 @@
 */
 
 @import url("global.css");
- at import url("layout.css?20120914");
+ at import url("layout.css?20130112");
 @import url("text.css");
 @import url("navigation.css");
 @import url("table.css");

Modified: head/en_US.ISO8859-1/htdocs/layout/css/layout.css
==============================================================================
--- head/en_US.ISO8859-1/htdocs/layout/css/layout.css	Sat Jan 12 16:27:30 2013	(r40571)
+++ head/en_US.ISO8859-1/htdocs/layout/css/layout.css	Sat Jan 12 17:12:57 2013	(r40572)
@@ -373,13 +373,6 @@
 
 /* New User Box */
 
- /* set background images for corners */
-.frontnewroundbox { background: url(../images/front_new_back.png) repeat; }
-.frontnewtop div  { background: url(../images/front_new_tl.png) no-repeat top left; }
-.frontnewtop      { background: url(../images/front_new_tr.png) no-repeat top right; }
-.frontnewbot div  { background: url(../images/front_new_bl.png) no-repeat bottom left; }
-.frontnewbot      { background: url(../images/front_new_br.png) no-repeat bottom right; }
-
  /* height and width details */
 .frontnewtop div, .frontnewtop, .frontnewbot div, .frontnewbot {
   width: 100%;
@@ -404,9 +397,15 @@
 
 .frontnewroundbox {
   margin: 0;
-  padding: 0;
   margin-top: 30px;
-  width: 150px;
+  padding: 0;
+  width: 130px;
+  height: 30px;
+  background-color: #D8D8D8;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  -khtml-border-radius: 10px;
+  border-radius: 10px;
 }
 
 /* Donate Button */
@@ -447,13 +446,6 @@
 
 /* Get FreeBSD Box */
 
- /* set background images for corners */
-.frontgetroundbox { background: url(../images/front_get_back.png) repeat; }
-.frontgettop div  { background: url(../images/front_get_tl.png) no-repeat top left; }
-.frontgettop      { background: url(../images/front_get_tr.png) no-repeat top right; }
-.frontgetbot div  { background: url(../images/front_get_bl.png) no-repeat bottom left; }
-.frontgetbot      { background: url(../images/front_get_br.png) no-repeat bottom right; }
-
  /* height and width details */
 .frontgettop div, .frontgettop, .frontgetbot div, .frontgetbot {
   width: 100%;
@@ -477,11 +469,16 @@
 }
 
 .frontgetroundbox {
-  margin: 0;
-  padding: 0;
   margin-top: 50px;
   margin-left: 140px;
+  padding: 0;
   width: 190px;
+  height: 35px;
+  background-color: #FACC2E;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  -khtml-border-radius: 10px;
+  border-radius: 15px;
 }
 
 /* Secondary Pages */