Bruce Gust
asked on
Can someone break this down for me?
Below is the custom css file belonging to greyghost5k.com. I need to edit the sponsors and while I can see the logic of the way things are organized, I want to better understand it.
Here's the deal:
There are three tiers of sponsorship:
Large Logos: This is on the homepage. Beginning on line 144 of the css file, you have the corresponding settings with "sponsor_lg" on line 175.
Small - Large Logos - You find this on the sponsorship page (http://greyghost5k.com/2013-sponsors/). The CSS settings start at line 185.
Really Small Logos - line 220.
Tell me if this is right: With each tier, you have a large background image that is the cleverly displayed according to something similar to an imagemap (line 253 - 410). What I don't understand is how that background image is referenced within each tier.
For example, on the sponsorship page, you have this:
How is "http://greyghost5k.com/wp-content/uploads/2013/07/sponsors-lg.jpg" being called? I see it on line 216 of the css page, but it's referenced as "sponsor_sm" and not "sponsors_row_sm." How does "sponsors_row_sm" or "sponsors_row_sm_container " know to reference "sponsor_sm" as a background image?
Here's the css file.
What do you think?
Here's the deal:
There are three tiers of sponsorship:
Large Logos: This is on the homepage. Beginning on line 144 of the css file, you have the corresponding settings with "sponsor_lg" on line 175.
Small - Large Logos - You find this on the sponsorship page (http://greyghost5k.com/2013-sponsors/). The CSS settings start at line 185.
Really Small Logos - line 220.
Tell me if this is right: With each tier, you have a large background image that is the cleverly displayed according to something similar to an imagemap (line 253 - 410). What I don't understand is how that background image is referenced within each tier.
For example, on the sponsorship page, you have this:
<div class="sponsors_row_sm_container">
<div class="sponsors_row_sm">
<ul>
<li><a href="http://www.amerisbank.com" target="_blank"><img class="sponsor_sm ameris2" alt="Ameris Bank" src="http://greyghost5k.com/wp-content/uploads/2013/07/blank.gif" /></a></li>
<li><a href="http://www.moes.com" target="_blank"><img class="sponsor_sm moes2" alt="Moe's Southwest Grill" src="http://greyghost5k.com/wp-content/uploads/2013/07/blank.gif" /></a></li>
</ul>
</div>
</div>
How is "http://greyghost5k.com/wp-content/uploads/2013/07/sponsors-lg.jpg" being called? I see it on line 216 of the css page, but it's referenced as "sponsor_sm" and not "sponsors_row_sm." How does "sponsors_row_sm" or "sponsors_row_sm_container
Here's the css file.
What do you think?
/* General Custom CSS */
@import url('../fonts/stylesheet.css');
#header_main {
background-image: url('../images/bgHeader.jpg');
}
#header_meta {
display: none;
}
p, .template-page p, .template-page ul, .template-page ol, .template-page li {
font-size: 15px;
line-height: 1.3em;
}
.template-page ul, .template-page ol, .template-page li {
font-size: 15px;
line-height: 1.3em;
}
.flex_column + .avia_textblock {
padding-top: 0;
}
/* MENU BORDERS */
#top .main_menu .menu ul li:last-child>a {
border-bottom-style: solid;
border-bottom-color: #33302b;
border-bottom-width: 1px;
border-top-style: solid !important;
border-top-color: #33302b !important;
border-top-width: 1px !important;
}
#top .main_menu .menu ul li a {
border-right-style: solid;
border-right-color: #33302b;
border-right-width: 1px;
border-left-style: solid;
border-left-color: #33302b;
border-left-width: 1px;
}
#top .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
border-top-color: #423e38;
!important;
border-top-style: solid;
border-top-width: 1px;
}
.title_container .main-title {
font-size: 22px;
}
/* Top Menu width spacing */
#header_main .container, .main_menu ul:first-child > li a {
height: 150px !important;
line-height: 248px !important;
}
#header_main .container, .main_menu ul:first-child > li a > li a {
line-height: 15px;
}
#top .main_menu ul:first-child > li > a {
margin-top: 1px;
padding: 0 10px;
}
.main_menu ul:first-child > li a {
/*line-height: 15px !important;*/
}
#top .container_wrap {
border-top-width: 1px;
}
/* Main Menu - ROLLOFF TEXT */
#top .header_color .main_menu ul:first-child>li>a {
padding-top: 7px !important;
color: #fff;
font-family: 'league_gothicregular', sans-serif;
font-size: 1.7em;
letter-spacing: 0.0em;
font-weight: normal;
}
/* Main Menu - ROLLOVER TEXT */
#top .header_color .main_menu ul:first-child>li>a:hover {
color: #5F769F;
letter-spacing: 0.0em;
}
/* Main Menu - SUB MENU OFF */
#top .main_menu .menu ul li>a {
color: #e2e2e2;
font-size: 1.2em;
letter-spacing: 0.0em;
font-weight:400;
}
/* Main Menu - SUB MENU HOVER */
#top .main_menu .menu ul li>a:hover {
color: #e2e2e2 !important;
background-color: #d83300;
}
/* Main Menu - HIGHLIGHT BLOCK */
#top .avia-menu-fx {
display:block;
position:absolute;
top: 116px;
border-style:solid;
border-width:2px;
}
/* HEADER - BOTTOM LINE (attached to slider) */
#header_main {
border-bottom-style: solid;
border-bottom-color: #3b3330;
}
.main_menu {
right: 22px;
}
#top #menu-item-search {
display: none;
}
.avia-section-large .content, .avia-section-large .sidebar {
padding: 35px 0;
}
h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox {
font-family: 'league_gothicregular', sans-serif;
font-weight: normal;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 28px;
}
h5 {
font-size: 26px;
}
h6 {
font-size: 20px;
}
.template-page .entry-content h1, .template-page .entry-content h2 {
color: #FE9809;
}
.iconbox .iconbox_content .iconbox_content_title {
font-size: 30px;
}
.av-special-heading {
margin-top: 0;
}
/*Home Page - Main Sponsors Large*/
.sponsors_row_lg h3 {
color: #000;
}
.sponsors_row_lg ol ul {
list-style: none;
}
.sponsors_row_lg_container {
text-align:center;/*background-color:#eee;*/
}
.sponsors_row_lg {
padding:1.25em 0 .625em 0;
margin:auto;
}
.sponsors_row_lg ul {
margin:.625em auto;
}
.sponsors_row_lg li {
vertical-align:middle;
display: inline;
margin: 0.313em;
}
.sponsors_row_lg a {
display:inline;
padding:.625em 0;
}
.sponsors_row_lg a:hover {
background-color:#333;
background-color: transparent;
}
.sponsor_lg {
background:url('http://greyghost5k.com/wp-content/uploads/2013/07/sponsors-lg.jpg') top left no-repeat;
}
/* table for the Susan G. Comen ad on the front page */
#front_table tr {
background: none;
}
/*Sponsors*/
/*Sponsor Page - Main Sponsors Small*/
.sponsors_row_sm h3 {
color: #000;
}
.sponsors_row_sm ol ul {
list-style: none;
}
.sponsors_row_sm_container {
text-align:center;/*background-color:#eee;*/
}
.sponsors_row_sm {
padding:1.25em 0 0 0;
margin:auto;
}
.sponsors_row_sm ul {
margin:.625em auto;
}
.sponsors_row_sm li {
vertical-align:middle;
display: inline;
margin: 0.313em;
}
.sponsors_row_sm a {
display:inline;
padding:.625em 0;
}
.sponsors_row_sm a:hover {
background-color:#333;
background-color: transparent;
}
.sponsor_sm {
background:url('http://greyghost5k.com/wp-content/uploads/2013/07/sponsorsLarge-sm.jpg') top left no-repeat;
}
/*Sponsors*/
/*Sponsor Page Sponsor Stripe Small*/
.sponsors_row h3 {
color: #000;
}
.sponsors_row ol ul {
list-style: none;
}
.sponsors_row_container {
text-align:center;/*background-color:#eee;*/
}
.sponsors_row {
padding: .25em 0 .625em 0;
margin:auto;
}
.sponsors_row ul {
margin:.625em auto;
}
.sponsors_row li {
vertical-align:middle;
display: inline;
margin: 0.313em;
}
.sponsors_row a {
display:inline;
padding:.625em 0;
}
.sponsors_row a:hover {
background-color:#333;
background-color: transparent;
}
.sponsor {
background:url('http://greyghost5k.com/wp-content/uploads/2013/07/sponsors.jpg') top left no-repeat;
}
/*Sponsors*/
/*Main Sponsors Large - Home Page*/
.maury {
width: 293px;
height: 62px;
}
.vanderbilt {
background-position: -302px 0;
width: 200px;
height: 98px;
}
.ameris {
background-position: -616px 0;
width: 165px;
height: 80px;
}
.williamson {
background-position: -796px 0;
width: 232px;
height: 74px;
}
.moes {
background-position: -1211px 0;
width: 112px;
height: 99px;
}
.publix {
background-position: -1042px 0;
width: 175px;
height: 56px;
}
.mallard {
background-position: -1356px 0;
width: 226px;
height: 94px;
}
/*Main Sponsors Small*/
.maury2 {
width: 228px;
height: 62px;
}
.vanderbilt2 {
background-position: -229px 0;
width: 165px;
height: 94px;
}
.ameris2 {
background-position: -468px 0;
width: 110px;
height: 73px;
}
.williamson2 {
background-position: -588px 0;
width: 174px;
height: 62px;
}
.moes2 {
background-position: -904px 0;
width: 73px;
height: 73px;
}
.publix2 {
background-position: -772px 0;
width: 118px;
height: 56px;
}
.mallard2 {
background-position: -1009px 0;
width: 183px;
height: 72px;
}
/*Small*/
.bewell {
width: 169px;
height: 50px;
}
.trinity {
background-position: -170px 0;
width: 185px;
height: 67px;
}
.advertiser {
background-position: -356px 0;
width: 220px;
height: 67px;
}
.farrow {
background-position: -579px 0;
width: 124px;
height: 89px;
}
.stacey {
background-position: -701px 0;
width: 140px;
height: 67px;
}
.jump {
background-position: -835px 0;
width: 170px;
height: 67px;
}
.ole {
background-position: -1010px 0;
width: 174px;
height: 67px;
}
.station {
background-position: -1183px 0;
width: 191px;
height: 67px;
}
.shinning {
background-position: -1375px 0;
width: 104px;
height: 67px;
}
.runner {
background-position: -1507px 0;
width: 176px;
height: 67px;
}
.christopher {
background-position: -1703px 0;
width: 277px;
height: 67px;
}
.boing {
background-position: -711px 0;
width: 118px;
height: 90px;
}
.city_spring_hill {
background-position: -854px 0;
width: 103px;
height: 99px;
}
.jones {
background-position: -958px 0;
width: 233px;
height: 60px;
}
.sh_home {
background-position: -1205px 0;
width: 173px;
height: 66px;
}
.tristar {
background-position: -1395px 0;
width: 383px;
height: 80px;
}
/*End*/
#payment-options-dv .finalize_button, #finalize_purchase_order .finalize_button, #payment-options-dv .submit-payment-btn {
float: left !important;
}
.page-id-2422 .section-heading, event-messages, .copy_dropdown_wrapper, .payment_header, .choose-diff-pay-option-pg {
display: none;
}
.start_date {
display: none;
}
/*Footer*/
#footer .widget {
margin: 3px;
}
.widgettitle {
font-size: 1.7em;
font-weight: normal;
}
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (max-width: 1920px) and (min-width: 1250px) {
/* Add your Desktop Styles here */
.container {
/* height: 150px;
*/}
/*.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 150px;
line-height: 248px !important;
}*/
/* HEADER - Dates & Register Button */
.anniversary {
position: absolute;
right: 480px;
color: #5F769F;
font-family: 'league_gothicregular', sans-serif;
font-size: 3.4em;
top: 22px;
text-transform: uppercase;
text-shadow: 1px -1px 1px #333;
z-index: 500;
}
.anniversary .sub {
font-size: 27px;
text-transform: none;
vertical-align: top;
padding: 0;
margin: 0;
line-height: 8px;
}
.dates {
position: absolute;
right: 344px;
color: #5F769F;
font-family: 'league_gothicregular', sans-serif;
font-size: 5.6em;
top: 70px;
text-transform: uppercase;
text-shadow: 1px -1px 1px #333;
z-index: 500;
}
a.registerButton {
padding-left: 0.5em;
padding-right: 0.5em;
display:block;
padding-top: 0.5em;
padding-bottom: 0.5em;
color: #FFF;
background-color:#1e1e1e;
position:absolute;
top: 41px;
right: 8%;
z-index: 500;
font-weight:normal;
text-decoration:none;
font-family: 'league_gothicregular', sans-serif;
font-size: 2.4em;
text-transform: uppercase;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #4B4B4B;
border-right-color: #232323;
border-bottom-color: #232323;
border-left-color: #4B4B4B;
text-shadow: 0.03em 0.03em 0.03em #000000;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
-moz-box-shadow: 1px 1px 2px 2px #560014;
-webkit-box-shadow: 1px 1px 2px 2px #560014;
box-shadow: 1px 1px 2px 2px #560014;
background-image: url('../images/register-button-bg.gif');
background-repeat: repeat-x;
background-position: left top;
}
a.registerButton.onpage {
position: relative;
top: auto;
right: auto;
left: auto;
display: inline;
}
.registerButton img {
position:absolute;
bottom: 0px;
left: -12px;
}
a.registerButton:hover {
color: #FE9809;
border-color:#FFF;
background-color: #272727;
}
}
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (max-width: 1249px) and (min-width: 1000px) {
/* Add your Desktop Styles here */
.container {
/* height: 150px;
*/}
/*.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 150px;
line-height: 248px !important;
}*/
/* HEADER - Dates & Register Button */
.anniversary {
position: absolute;
right: 33%;
color: #5F769F;
font-family: 'league_gothicregular', sans-serif;
font-size: 3.4em;
top: 22px;
text-transform: uppercase;
text-shadow: 1px -1px 1px #333;
z-index: 500;
}
.anniversary .sub {
font-size: 27px;
text-transform: none;
vertical-align: top;
padding: 0;
margin: 0;
line-height: 8px;
}
.dates {
position: absolute;
right: 20%;
color: #5F769F;
font-family: 'league_gothicregular', sans-serif;
font-size: 5.6em;
top: 70px;
text-transform: uppercase;
text-shadow: 1px -1px 1px #333;
z-index: 500;
}
a.registerButton {
padding-left: 0.5em;
padding-right: 0.5em;
display:block;
padding-top: 0.5em;
padding-bottom: 0.5em;
color: #FFF;
background-color:#1e1e1e;
position:absolute;
top: 41px;
right: 2%;
z-index: 500;
font-weight:normal;
text-decoration:none;
font-family: 'league_gothicregular', sans-serif;
font-size: 2.4em;
text-transform: uppercase;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #4B4B4B;
border-right-color: #232323;
border-bottom-color: #232323;
border-left-color: #4B4B4B;
text-shadow: 0.03em 0.03em 0.03em #000000;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
-moz-box-shadow: 1px 1px 2px 2px #560014;
-webkit-box-shadow: 1px 1px 2px 2px #560014;
box-shadow: 1px 1px 2px 2px #560014;
background-image: url('../images/register-button-bg.gif');
background-repeat: repeat-x;
background-position: left top;
}
a.registerButton.onpage {
position: relative;
top: auto;
right: auto;
left: auto;
display: inline;
}
.registerButton img {
position:absolute;
bottom: 0px;
left: -12px;
}
a.registerButton:hover {
color: #FE9809;
border-color:#FFF;
background-color: #272727;
}
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 999px) and (min-width: 768px) {
/* Add your Mobile Styles here */
.anniversary {
position: absolute;
right: 23%;
color: #5F769F;
font-family: 'league_gothicregular', sans-serif;
font-size: 2.4em;
top: 48px;
text-transform: uppercase;
text-shadow: 1px -1px 1px #333;
z-index: 500;
}
.anniversary .sub {
font-size: 17px;
text-transform: none;
vertical-align: top;
padding: 0;
margin: 0;
line-height: 8px;
}
.dates {
position: absolute;
right: 18%;
color: #5F769F;
font-family: 'league_gothicregular', sans-serif;
font-size: 3.2em;
top: 82px;
text-transform: uppercase;
text-shadow: 1px -1px 1px #333;
z-index: 500;
}
a.registerButton {
padding-left: 0.5em;
padding-right: 0.5em;
display:block;
padding-top: 0.5em;
padding-bottom: 0.5em;
color: #FFF;
background-color:#1e1e1e;
position:absolute;
top: 64px;
right: 5px;
z-index: 500;
font-weight:normal;
text-decoration:none;
font-family: 'league_gothicregular', sans-serif;
font-size: 1.7em;
text-transform: uppercase;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #4B4B4B;
border-right-color: #232323;
border-bottom-color: #232323;
border-left-color: #4B4B4B;
text-shadow: 0.03em 0.03em 0.03em #000000;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
-moz-box-shadow: 1px 1px 2px 2px #560014;
-webkit-box-shadow: 1px 1px 2px 2px #560014;
box-shadow: 1px 1px 2px 2px #560014;
background-image: url('../images/register-button-bg.gif');
background-repeat: repeat-x;
background-position: left top;
}
a.registerButton.onpage {
position: relative;
top: auto;
right: auto;
left: auto;
display: inline;
}
.registerButton img {
position:absolute;
bottom: 0px;
left: -12px;
}
a.registerButton:hover {
color: #FE9809;
border-color:#FFF;
background-color: #272727;
}
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) and (min-width: 550px) {
/* Add your Mobile Styles here */
.anniversary {
display: none;
}
.anniversary .sub {
display: none;
}
.dates {
display: none;
}
a.registerButton {
padding-left: 0.5em;
padding-right: 0.5em;
display:block;
padding-top: 0.5em;
padding-bottom: 0.5em;
color: #FFF;
background-color:#1e1e1e;
position:absolute;
top: 24px;
right: 32%;
z-index: 500;
font-weight:normal;
text-decoration:none;
font-family: 'league_gothicregular', sans-serif;
font-size: 1.8em;
text-transform: uppercase;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #4B4B4B;
border-right-color: #232323;
border-bottom-color: #232323;
border-left-color: #4B4B4B;
text-shadow: 0.03em 0.03em 0.03em #000000;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
-moz-box-shadow: 1px 1px 2px 2px #560014;
-webkit-box-shadow: 1px 1px 2px 2px #560014;
box-shadow: 1px 1px 2px 2px #560014;
background-image: url('../images/register-button-bg.gif');
background-repeat: repeat-x;
background-position: left top;
}
a.registerButton.onpage {
position: relative;
top: auto;
right: auto;
left: auto;
display: inline;
}
.registerButton img {
position:absolute;
bottom: 0px;
left: -12px;
}
a.registerButton:hover {
color: #FE9809;
border-color:#FFF;
background-color: #272727;
}
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 549px) and (min-width: 420px) {
/* Add your Mobile Styles here */
.anniversary {
display: none;
}
.anniversary .sub {
display: none;
}
.dates {
display: none;
}
a.registerButton {
padding-left: 0.5em;
padding-right: 0.5em;
display:block;
padding-top: 0.5em;
padding-bottom: 0.5em;
color: #FFF;
background-color:#1e1e1e;
position:absolute;
top: 24px;
right: 32%;
z-index: 500;
font-weight:normal;
text-decoration:none;
font-family: 'league_gothicregular', sans-serif;
font-size: 1.4em;
text-transform: uppercase;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #4B4B4B;
border-right-color: #232323;
border-bottom-color: #232323;
border-left-color: #4B4B4B;
text-shadow: 0.03em 0.03em 0.03em #000000;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
-moz-box-shadow: 1px 1px 2px 2px #560014;
-webkit-box-shadow: 1px 1px 2px 2px #560014;
box-shadow: 1px 1px 2px 2px #560014;
background-image: url('../images/register-button-bg.gif');
background-repeat: repeat-x;
background-position: left top;
}
a.registerButton.onpage {
position: relative;
top: auto;
right: auto;
left: auto;
display: inline;
}
.registerButton img {
position:absolute;
bottom: 0px;
left: -12px;
}
a.registerButton:hover {
color: #FE9809;
border-color:#FFF;
background-color: #272727;
}
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 419px) and (min-width: 220px) {
/* Add your Mobile Styles here */
.anniversary {
display: none;
}
.anniversary .sub {
display: none;
}
.dates {
display: none;
}
a.registerButton {
padding-left: 0.5em;
padding-right: 0.5em;
display:block;
padding-top: 0.5em;
padding-bottom: 0.5em;
color: #FFF;
background-color:#1e1e1e;
position:absolute;
top: 24px;
right: 31%;
z-index: 500;
font-weight:normal;
text-decoration:none;
font-family: 'league_gothicregular', sans-serif;
font-size: 0.9em;
text-transform: uppercase;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #4B4B4B;
border-right-color: #232323;
border-bottom-color: #232323;
border-left-color: #4B4B4B;
text-shadow: 0.03em 0.03em 0.03em #000000;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
-moz-box-shadow: 1px 1px 2px 2px #560014;
-webkit-box-shadow: 1px 1px 2px 2px #560014;
box-shadow: 1px 1px 2px 2px #560014;
background-image: url('../images/register-button-bg.gif');
background-repeat: repeat-x;
background-position: left top;
}
a.registerButton.onpage {
position: relative;
top: auto;
right: auto;
left: auto;
display: inline;
}
.registerButton img {
position:absolute;
bottom: 0px;
left: -12px;
}
a.registerButton:hover {
color: #FE9809;
border-color:#FFF;
background-color: #272727;
}
}
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
You are most welcome.
ASKER
I was looking at it as "sponsor_sm_ameris2" rather than "sponsor_sm ameris2." I see it now as a continuation of that class and not a new class in and of itself.
Thank you, sir!