mbirth/LuckyCoinkydink
1
0
Fork 0
Code Issues Pull Requests Activity

BP - modified admin page to use single image with different background positions instead of using 3 different images for each link state. Images load much faster, 10 files deleted, 30k disc space saved.

Browse Source
This commit is contained in:
Don Chambers 2008-04-27 15:52:01 +00:00
parent f21de0e998
commit b0f08e4a7b
17 changed files with 30 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
templates/bulletproof/admin/img/bp_admin_button_default.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
templates/bulletproof/admin/img/bp_admin_button_default_a.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 KiB

BIN
templates/bulletproof/admin/img/bp_admin_button_default_h.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 KiB

BIN
templates/bulletproof/admin/img/bp_admin_button_frontpage.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
templates/bulletproof/admin/img/bp_admin_button_frontpage_a.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 KiB

BIN
templates/bulletproof/admin/img/bp_admin_button_frontpage_h.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 KiB

BIN
templates/bulletproof/admin/img/bp_admin_button_logout.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
templates/bulletproof/admin/img/bp_admin_button_logout_a.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 KiB

BIN
templates/bulletproof/admin/img/bp_admin_button_logout_h.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 KiB

BIN
templates/bulletproof/admin/img/bp_admin_button_personal.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
templates/bulletproof/admin/img/bp_admin_button_personal_a.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 KiB

BIN
templates/bulletproof/admin/img/bp_admin_button_personal_h.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 KiB

BIN
templates/bulletproof/admin/img/bp_admin_button_weblog.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
templates/bulletproof/admin/img/bp_admin_button_weblog_a.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
templates/bulletproof/admin/img/bp_admin_button_weblog_h.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

30
templates/bulletproof/admin/style.css
View File

@ -262,7 +262,7 @@ ul.serendipitySideBarMenuMain a,
ul.serendipitySideBarMenuLogout a{
/* this background is a default in the event additional links are added in the future, but not presently defined */
/* it is an orange button with a double blue arrow pointing right */
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_default.png') no-repeat;
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_default.png') left top no-repeat;
display: block;
height: 33px;
}
@ -270,65 +270,65 @@ ul.serendipitySideBarMenuLogout a{
/* default button hover and active states */
ul.serendipitySideBarMenuMain a:hover,
ul.serendipitySideBarMenuLogout a:hover{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_default_h.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_default.png') left 50% no-repeat;
}
ul.serendipitySideBarMenuMain a:active,
ul.serendipitySideBarMenuLogout a:active{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_default_a.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_default.png') left 100% no-repeat;
line-height: 30px !important;
}
/* unique images for each of the main and logout links - normal, hover and active states */
li.serendipitySideBarMenuMainFrontpage a{
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_frontpage.png') no-repeat;
background: #FBB73C url('templates/mainstreetnews/admin/img/bp_admin_button_frontpage.png') left top no-repeat;
}
li.serendipitySideBarMenuMainFrontpage a:hover{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_frontpage_h.png') no-repeat;
background: #FDE33F url('templates/mainstreetnews/admin/img/bp_admin_button_frontpage.png') left 50% no-repeat;
}
li.serendipitySideBarMenuMainFrontpage a:active{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_frontpage_a.png') no-repeat;
background: #FDE33F url('templates/mainstreetnews/admin/img/bp_admin_button_frontpage.png') left 100% no-repeat;
line-height: 30px !important;
}
li.serendipitySideBarMenuMainPersonal a{
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_personal.png') no-repeat;
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_personal.png') left top no-repeat;
}
li.serendipitySideBarMenuMainPersonal a:hover{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_personal_h.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_personal.png') left 50% no-repeat;
}
li.serendipitySideBarMenuMainPersonal a:active{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_personal_a.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_personal.png') left 100% no-repeat;
line-height: 30px !important;
}
li.serendipitySideBarMenuLogoutWeblog a{
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_weblog.png') no-repeat;
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_weblog.png') left top no-repeat;
}
li.serendipitySideBarMenuLogoutWeblog a:hover{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_weblog_h.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_weblog.png') left 50% no-repeat;
}
li.serendipitySideBarMenuLogoutWeblog a:active{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_weblog_a.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_weblog.png') left 100% no-repeat;
line-height: 30px !important;
}
li.serendipitySideBarMenuLogoutLogout a{
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_logout.png') no-repeat;
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_logout.png') left top no-repeat;
}
li.serendipitySideBarMenuLogoutLogout a:hover{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_logout_h.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_logout.png') left 50% no-repeat;
}
li.serendipitySideBarMenuLogoutLogout a:active{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_logout_a.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_logout.png') left 100% no-repeat;
line-height: 30px !important;
}

30
templates/bulletproof/admin/style_fluid.css
View File

@ -265,7 +265,7 @@ ul.serendipitySideBarMenuMain a,
ul.serendipitySideBarMenuLogout a{
/* this background is a default in the event additional links are added in the future, but not presently defined */
/* it is an orange button with a double blue arrow pointing right */
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_default.png') no-repeat;
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_default.png') left top no-repeat;
display: block;
height: 33px;
}
@ -273,65 +273,65 @@ ul.serendipitySideBarMenuLogout a{
/* default button hover and active states */
ul.serendipitySideBarMenuMain a:hover,
ul.serendipitySideBarMenuLogout a:hover{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_default_h.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_default.png') left 50% no-repeat;
}
ul.serendipitySideBarMenuMain a:active,
ul.serendipitySideBarMenuLogout a:active{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_default_a.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_default.png') left 100% no-repeat;
line-height: 30px !important;
}
/* unique images for each of the main and logout links - normal, hover and active states */
li.serendipitySideBarMenuMainFrontpage a{
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_frontpage.png') no-repeat;
background: #FBB73C url('templates/mainstreetnews/admin/img/bp_admin_button_frontpage.png') left top no-repeat;
}
li.serendipitySideBarMenuMainFrontpage a:hover{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_frontpage_h.png') no-repeat;
background: #FDE33F url('templates/mainstreetnews/admin/img/bp_admin_button_frontpage.png') left 50% no-repeat;
}
li.serendipitySideBarMenuMainFrontpage a:active{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_frontpage_a.png') no-repeat;
background: #FDE33F url('templates/mainstreetnews/admin/img/bp_admin_button_frontpage.png') left 100% no-repeat;
line-height: 30px !important;
}
li.serendipitySideBarMenuMainPersonal a{
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_personal.png') no-repeat;
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_personal.png') left top no-repeat;
}
li.serendipitySideBarMenuMainPersonal a:hover{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_personal_h.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_personal.png') left 50% no-repeat;
}
li.serendipitySideBarMenuMainPersonal a:active{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_personal_a.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_personal.png') left 100% no-repeat;
line-height: 30px !important;
}
li.serendipitySideBarMenuLogoutWeblog a{
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_weblog.png') no-repeat;
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_weblog.png') left top no-repeat;
}
li.serendipitySideBarMenuLogoutWeblog a:hover{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_weblog_h.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_weblog.png') left 50% no-repeat;
}
li.serendipitySideBarMenuLogoutWeblog a:active{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_weblog_a.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_weblog.png') left 100% no-repeat;
line-height: 30px !important;
}
li.serendipitySideBarMenuLogoutLogout a{
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_logout.png') no-repeat;
background: #FBB73C url('{TEMPLATE_PATH}img/bp_admin_button_logout.png') left top no-repeat;
}
li.serendipitySideBarMenuLogoutLogout a:hover{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_logout_h.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_logout.png') left 50% no-repeat;
}
li.serendipitySideBarMenuLogoutLogout a:active{
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_logout_a.png') no-repeat;
background: #FDE33F url('{TEMPLATE_PATH}img/bp_admin_button_logout.png') left 100% no-repeat;
line-height: 30px !important;
}