Jump to content

Argh! I Can't Find The Css To Control This!


webgyrl
 Share

Recommended Posts

I've been going over and over this code for a bit now and I can't seem to find where to control these differently colored double lines that surround the info boxes.

 

You can see the CSS in action here: http://www.myspace.com/nataliebrown

 

In the code, I see in several places: border-style: double; border-color: 5A5D63

That is for the grey dash you see under "About Natalie Brown". It also appears in the top image box (not shown in the screen shot).

 

But for the life of me I can not find where the blue and yellow double borders CSS is located in this jumble of CSS code.

 

Also, I know that this CSS looks wrong, but MySpace has a parsed down version of CSS and a lot of hacks have to be done to make it work. I got this code from another place where they give free profiles, but I wanted to tweak it for this specific profile. I really want to change those double borders to all be white or some other color.

 

Any ideas where it is in this jumble??

 

Here is the CSS in its entirety:

><div class="ab"> <a href="http://www.natalie-brown.com" target="_blank"> ..<img src=" 
http://www.natfunkmusic.com/myspace/layout/bannerpmg1.jpg" width="956" height="447" border="0" 
usemap="Map"></a>
 <map name="Map"> <area shape="rect" coords="1,-11,978,27" href="http://
www.natalie-brown.com" target="_blank"> <area shape="rect" coords="2,27,1008,432" 
href=" http://www.natalie-brown.com" target="_blank" alt="Natalie Brown Official Site"> 
</map> </div> <Style 
type="text/css">body{background-image:url(http://www.natfunkmusic.com/myspace/layout/
bglogospmg.jpg); background-attachment:fixed background-repeat:no-repeat; background-
position:bottom right; background-color:6D7A83; margin-top: 449px; scrollbar-face-color:906B66; 
scrollbar-highlight-color:6A636D; scrollbar-3dlight-color:000000; scrollbar-shadow-color:FFFFFF; 
scrollbar-darkshadow-color:000000; scrollbar-arrow-color:000000; scrollbar-track-color:000000; } 
div.ab {position: absolute;top: 0;left: 50%;margin-left: -490px;width: 980px;height: 420px;} body table 
{margin-top:0px;} .nametext {background-image: url(http://www.natfunkmusic.com/myspace/layout/
titlepmg.jpg); background-position: bottom center; background-repeat: no-repeat; overflow: hidden; 
height: 100px; width: 174px; font-size: 1px; text-align: left; color: none; padding: 0px 0px 3px 0px; 
display: block; margin: 14px 0px 8px 0px; border-width: 0px 0px 3px 0px; border-style: double; 
border-color: 5A5D63;} .mygen { Text Properties } table, tr, td, li, p, div { font-family:arial; 
color:C6CFD6; font-size:12px; } td.text td.text table table table td a img {} td.text td.text table table 
table td div img {} td.text td.text table table td img {} td.text td.text table table td div img {} * html 
td.text td.text table table td img {} * html td.text td.text table table td a img {} * html td.text td.text 
table table td div img {} body {font-size: 1px; line-height: 1px;background-color:000000; font-family: 
Verdana, Arial, sans-serif; background-repeat: repeat-y; background-position: top center; 
background-image: url(http://www.natfunkmusic.com/myspace/layout/bgpmg.jpg);} p {margin: 0px 0px 
1em 0px; font-family: Verdana, sans-serif !important} a, a:link, a:visited {color:WHITE; text-decoration: 
none;} a:hover {color:5A5D63; text-decoration: none} img {border: none} br {line-height: 20px;} form 
{border-width:0px;background-color:none;} input {background-color:transparent !important} body>div 
{margin-left: 10px;} table, tr, td, table table, table table td {border-width:0px; background-color: 
transparent;} table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 
26px;} table table table table {border-width:0px;background-color:transparent;padding:0px;margin:
0px; background-image: none;} table table table table td {padding:0px;margin:0px;} table table table 
{margin:0px; background-color:transparent; background-image: url(http://www.natfunkmusic.com/
myspace/layout/bglogospmg.jpg); width: 100% !important; border-width: 3px; border-style: double; border-
color: 5A5D63;} body table {margin-top:0px;} body td table, body div table {margin-top: 0;} font 
{color:white;font-size:10px} a font:hover {color:WHITE} a.navbar:link, a.navbar:visited {color:white} 
a.navbar:hover {color:WHITE} table tr td table tr td font {display: inline;} table tr td table a.navbar {font-
size: 10px;} .text {color:WHITE;font-size:11px} a.text:link, a.text:visited {color:WHITE} a.text:hover 
{color:WHITE} .contactTable { width:300px !important; height:150px !important; padding:0px !
important; background-image:url(http://www.natfunkmusic.com/myspace/layout/contactbl.jpg); 
background-attachment:scroll; background-position:center center; background-repeat:no-repeat; 
background-color:transparent;} .contactTable table, table.contactTable td { padding:0px !important; 
border:0px; background-color:transparent; background-image:none;} .contactTable a img 
{visibility:hidden; border:0px !important;} .contactTable a {display:block; height:28px; width:
115px;} .contactTable .text {font-size:1px !important;} .contactTable .text, .contactTable 
a, .contactTable img {filter:none !important;} .contactTable .whitetext12 {display:none;} table tr td table 
tr td table tr td div strong {display: block; width: 270px;} .whitetext12 {color:WHITE; font-size: 12px; 
margin: 0px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: 
Arblackial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-
style: double; border-color: 5A5D63; width: 270px} .blacktext12 {color:5A5D63;font-size:18px; font-
family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; display: block; margin-top: 
14px} .blacktext12:before {content: "OMFG! ";} .btext {color:WHITE; font-size: 12px; margin: 14px 0px 
4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: Arial, Helvetica, Arial, sans-serif; 
font-weight: normal; text-align: center; border-width: 0px 0px 3px 0px; border-style: double; border-
color: 5A5D63} .orangetext15 {color:WHITE; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 
0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-
weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 5A5D63; width: 
372px} .lightbluetext8 {color:white} .whitetext,.whitebtext {color:white; font-family: Georgia, Helvetica, 
Arial, sans-serif; font-size: 12px; font-weight: bold} .whitebtext:after {content: " billion";} 
a.whitelink:link {color:WHITE; display: block; text-align: center; border-width: 3px 0px 0px 0px; 
border-style: double; border-color: 5A5D63; padding-top: 3px;} a.whitelink:visited {color:white} 
a.whitelink:hover {color:white} u {text-decoration: none; font-size: 10px;} .whitetext12 {width: 
auto} .contactTable {width: auto !important;} .contactTable span.whitetext12 {left: 0;} .orangetext15 
{width: auto;} table table table td {padding: 0;} table table table {padding: 0 14px 14px 14px; border-
color: 5A5D63;} table table table {max-width: 423px;} .nametext {height: 35px; width: auto;} a .text 
{ font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-color: C6CFD6 } b
ody, html {visibility:visible !important; display:block !important} </Style> <style type="text/css"> 
body, html {visibility:visible !important; display:block !important} </style> <style type="text/css"> 
table table table td {vertical-align:top ! important;} span.blacktext12 { visibility:visible !important; 
background-color:transparent; background-image:url("http://www.natfunkmusic.com/myspace/layout
headerpmg.jpg"); background-repeat:no-repeat; background-position:center center; font-size:0px; 
letter-spacing:-0.5px; width:435px; height:75px; display:block !important; } span.blacktext12 img 
{display:none;} </style>

 

Here is the image (click thumbnail for large view):

s8_2e5013bd371054f.jpg

Link to comment
Share on other sites

I did a view source on that page. Wow.

 

Well, at least for the blue "General Info" box, it looks like it's defined in the table properties:

 

><table bordercolor="#6699cc" cellspacing="0" cellpadding="0" width="300" bgcolor="#6699cc" border="1">

 

Maybe. 6699cc looks pretty close to that, but I'm not so good with colors.

 

Same looks to be true for the big yellow (or peach?) "About Natalie Brown" box:

 

><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0">

 

And then again, in all that mess there could be conflicting color assignments, so I really don't know. Worth trying though.

Link to comment
Share on other sites

I did a view source on that page. Wow.

 

Well, at least for the blue "General Info" box, it looks like it's defined in the table properties:

 

><table bordercolor="#6699cc" cellspacing="0" cellpadding="0" width="300" bgcolor="#6699cc" border="1">

 

Maybe. 6699cc looks pretty close to that, but I'm not so good with colors.

 

Same looks to be true for the big yellow (or peach?) "About Natalie Brown" box:

 

><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0">

 

And then again, in all that mess there could be conflicting color assignments, so I really don't know. Worth trying though.

 

 

Yeah, it's ugly huh! LOL

 

I don't see what you wrote in that block of code I posted. That is where it should be. There are some things that are auto defined by MySpace, but all I generally put in for the Custom CSS is defined in that block. I don't see the hex numbers in that block of code. Is there any way you could screenshot that view source section and show me where you foudn that. It's not making sense to me that it wouldn't be controlled by that CSS block I posted.

 

Thank you so much for looking for a needle in a haystack!

Link to comment
Share on other sites

Hmmm, I looked at the source and I see it. It's strange. It seems to be the default color in all MySpace music profiles. I checked another site and it's there too. It seems that those border colors can be controlled with some CSS hack. I am just not sure how to do it. There must be something that is being told to be 'transparent' that I have to figure out.

 

Very frustrating...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...