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.
This commit is contained in:
Glen Barber 2013-01-12 17:12:57 +00:00
parent c28ffd3535
commit 41632b49d5
Notes: svn2git 2020-12-08 03:00:23 +00:00
svn path=/head/; revision=40572
2 changed files with 16 additions and 19 deletions
en_US.ISO8859-1/htdocs/layout/css

View file

@ -12,7 +12,7 @@
*/
@import url("global.css");
@import url("layout.css?20120914");
@import url("layout.css?20130112");
@import url("text.css");
@import url("navigation.css");
@import url("table.css");

View file

@ -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 */