Need help analyzing a CustomCSS code

[Seerow]

So a few days ago I figured out it was actually my customCSS code that was causing me to repeat actions all the time (ie opening multiple DPs, turning in more then one item at once, etc).

I submitted a ticket and the UA who responded said she would have a coder look at it to see what was causing this. Haven't heard anything back yet and I'm getting really tired of the ugly default layout, so I'm wondering if anyone here might be able to figure out what was causing the repeated actions and maybe tweak the coding or something?

Here's the code:

Code: Select all

<style type=text/css>
body, html
{
	color: #232428;
	
	background-color: #393c5e;
	background-image: url(http://www.blu-rain.net/subeta/customcss/subetabg.gif);
	background-repeat: repeat-y;
	
}

a, a:link
{
	color: #9f8131;
}

a:hover, a:active
{
	color: #dfb954;
}

div#header
{
	background-image: url(http://www.blu-rain.net/subeta/customcss/subetabanner.png);
	background-repeat: no-repeat;
	height:150px;
}

div#loginstatus
{
    position:absolute;
    left:450px;
    top:63px;
    color:#a0b0c0;
}

div#date, div#time, div.leftpanel
{
	padding-left: 8px;
	color:#5f85ab;
}

div#time
{
	font-size:15px;
	color: #c5d6e8;
	font-weight:normal;
	margin-bottom: 20px;
}

div.leftpanelseparator
{
	background-image: url();
	height: 17px;
	background-repeat: no-repeat;
}

div.leftpanel
{
	line-height: 16px;
	background-image: url();
}

 div#left a,div#left a b,div#left a:link,div#left a:visited 
{
    background-color:#4a4c5c;
    border:0px solid #323558;
    line-height:15px;
    width:105px;
    color:#a49c7b;
    margin:1px;
}
 
div#left a:hover 
{
    background-color:#6f7284;
    border:0px solid #323558;
    width:105px;
    color:#daca8a;
    margin:1px;
}

div.leftpanel h1
{
	font-size: 11px;
	margin: 0px;
	font-weight: bold;
	color:#585a6b;
	background-color:#32333f;
    border:0px solid #323558;
    line-height:15px;
    width:105px;
    margin:1px;

}

div.leftpanel a
{
	display: block;
}

div#legal
{
	margin-top: 10px;

	background-image: url();
	background-repeat: no-repeat;
	background-position: 8px;
	
	width: 750px;
	height: 38px;
	
	text-align: center;
	
	color: #555555;
	padding-top: 12px;
}

div#legal a
{
	color: #555555;
	text-decoration: underline;
}

div#legal a:hover
{
	color: black;
}

div#banner
{
	width: 742px;
	height: 90px;
	
	background-image: url();
	background-repeat: no-repeat;
	
	background-position: 8px 0px;
	
	padding-left: 8px;
	
	vertical-align: middle;
	text-align: center;
	
	display: table-cell;
}

div#banner span
{
	vertical-align: middle;
}

div.topbox
{
	background-image: url();
	background-repeat: no-repeat;

	width: 189px;
	height: 150px;
}

div#topboxes
{
	padding-left: 9px;
}

div#stats
{
	margin: -152px 5px 0px 0px;
	float: right;
	padding-top: 12px;
	height: 150px;
}

div#stats[id="stats"]
{
	margin: -150px 10px 0px 0px;
	padding-top: 5px;
	height: 145px;
}

div#stats div
{
	text-align: center;
	margin: 7px 0px 7px 0px;
}

div#stats span
{
	color: #66cc00;
	font-size: 19px;
	display: block;
}

div#register
{
	float: left;
	margin-top: 41px;
	padding: 55px 0px 0px 20px;
	width: 169px;
	height: 95px;
}

div#register img
{
	display: block;
}

img#adoptapet
{
	margin-left: 3px;
}

div.tab
{
	margin: 15px 0px 0px 9px;
	width: 610px;
}

div.tabheader
{
	background-image: url();
	background-repeat: no-repeat;
	height: 36px;
	
	padding: 5px 0px 0px 10px;
	
	font-family: "Arial Narrow", Arial, Verdana, Tahoma, sans-serif;
	font-size: 20px;
	font-weight: bold;
	
	color: #1b6cbf;
}

div.tabheader img
{
	margin-top: 3px;
}

div.tabcontent
{
	border-color: #d9d9d9;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	font-size: 11px;	
	padding: 0px 10px 20px 10px;
}

div.bottomright
{
	float: right;
	vertical-align: middle;
	padding-right: 10px;
	margin-top: -16px;
	clear: none;
}

div.bottomright img
{
	vertical-align: middle;
}

div.tabfooter
{
	background-image: url();
	height: 10px;
	background-repeat: no-repeat;
}

.sp-table { 
	border-collapse: collapse;
	border-spacing:	0;
       font-size: 9;
	border: solid 1px #000000;
}

.sp-header {
	padding:3px;
}

.sp-header {
	background: #bcd2f6;
	color: #72836c;
	border: solid 1 #C6B1D9;
}

.sp-sub { 
	border-collapse: collapse;
	border-spacing:	0;
    font-size: 9;
	background-color: #ecebe9;
	border: solid 1 black;
}

.sp-sub a,.sp-sub a b,.sp-sub a:link,.sp-sub a:visited {
color:#a1a6b0;
}

input,textarea,select { 
	border: 1px solid black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#toolbar li 
{
	list-style: none;
	background-color: transparent;
}

#toolbar
{
	position: relative;
	bottom: 12px;
	width: auto;
	background-color: transparent;
}

#toolbar .level2
{
	border: 1px solid black;
	width: auto;
	background-color: white;
	padding: 2px;
	display: none;
}

.sp-table,.sp-sub {font-size: 11px;}
</style>

[AngharadTy]

Hmmm. Well, for one thing, I don't think it would have this effect, but calling a blank url (in the leftpanelseparator and leftpanel) is just mean coding. It's like a css cocktease. ;) It should just be--

background-image: none;

Maybe throwing in an !important just to be sure. But that's just neatening coding, really.

Try taking out aaaaaaanything to do with links. (Anything with a:link, a:visited, a, a:hover, etc.) Cause that css is telling a lot of links to do a lot of things. Test out your doubleness, and if it's gone, try putting back one section at a time. If that doesn't work, then post again. =}

[mellaka]

That's interesting. I used to have that issue all the time with DPs but it suddenly stopped one day. I wonder if it's fixed because I removed my custom CSS layout during the restock war.

For DP I used to put them all in my shop and then remove one at a time to open.

[Seerow]

Thanks for the tips Ty! I'll give them a go in a little bit. Waiting for the police to arrive now *points to post in RL AaToW*.

Heh, that's what I kept having to do Mellaka. Until I got tired of it and just had UAs switch them out for me. Now I feel rather bad for that since it wasn't really their fault.
It's kind of weird that something as simple as a Customcss code could have this affect. Seems like it could be a rather easy target for security holes or like item duplicators or something.

[Aqua]

I have the problem of having multiple ites bought from the cash shop, but it'd seem weird if my customcss were doing it. o_o It seems to be a browser problem for me because safari does it but camino doesn't. *should probably go through her customcss though as she basically copied a subeta stylesheet and changed a few things, not everything*

[Seerow]

Yeah Aqua, sorry to say, but it is definitely something in the coding of your css that's causing me to have all the doubles When I realized I was getting doubles on different comps (ie my school computer) I realized it had to be something tied to my account. I cleared my customcss and went back to the (ugly) site default and the doubles stopped happening.

Okay, so I removed everything with a: in the code. However, doubles still occur It just bought two items from the Blue Building instead of just one

[mellaka]

Aqua, I was using one of yours too. Though, like I said, I don't remember exactly when the double problem stopped happening to me. And I usually use Opera.

[Aqua]

I cleaned up my code and got rid of all the css that was duplicated needlessly.. See if this helps at all? (I didn't test it in Firefox or IE though, just Safari, so I'm hoping I didn't blow anything up :x).

Code: Select all

body {
	background:#393c5e url(http://www.blu-rain.net/subeta/customcss/subetabg1.gif) repeat-y;
	color: #232428;
}

a, a:link, a:active  {
	color: #9f8131;
}

a:hover {
	color: #dfb954;
}



div#date, div#time, div.leftpanel {
	color:#5f85ab;
}

div#header {
	background: url(http://www.blu-rain.net/subeta/customcss/subetabanner.png) no-repeat;
	height:150px;
}

 div#left a,div#left a b,div#left a:link,div#left a:visited {
    background-color:#4a4c5c;
    color:#a49c7b;
    line-height:15px;
    margin:0 0 1px 0;
    width:105px;
}

div#left a:hover {
	color: #daca8a;
}

div.leftpanel h1 {
	background-color:#32333f;
	color:#585a6b;
	line-height:15px;
	margin:0 0 1px 0;
	width:105px;
}

div.leftpanelseparator {
	background-image: none;
}

div#loginstatus {
	color:#a0b0c0;
	position:absolute;
    left:450px;
    top:63px;
}

div#time {
	color: #c5d6e8;
	font-weight:normal;
}

.sp-header {
	background: #bcd2f6;
	border: 1px solid #000000;
	color: #72836c;
}

.sp-sub { 
	background-color: #ecebe9;
	border: 1px solid #000000;
}

[AngharadTy]

Darn, I thought for sure it'd have something to do with links. *snaps* I'd be really interested to know what the cause is, just because it's so weird I want to knowwwwww.

[shadowgem]

I'll take a look at this too. I have some problems with doubles from my CSS, which is not one of Aqua's.

Things that double on me:
Blue Building
Opening MKBs
Bones game doubles my moves
Ice Field and Krypts sometimes seem to make my moves twice
Fishing Game makes my moves twice

Things that do not double on me:
buying items with Cash Shop credits
Zombie Den
Millionaire Center

Things I don't know if they double or not:
Opening MCTs
Opening DPs

[Huggles]

I'd been using Aqua's weapons css and never had any problems with it in Firefox, at least. I don't remember the blue one though. *switches*

[shadowgem]

Ok, I deleted all my CSS, and added it back, element by element, buying an item from the BB each time. 35 Blue Building Plushies later, my CSS is back, and I no longer get doubles. Everything I had problems with is back to normal, except for Bones, which I've already played today, so I can't test that until tomorrow. The thing is, I really only made minor cosmetic, code-cleanup changes. I have no idea which thing I did ended up being the one to fix it. Even SLOTS works for me now. Amazing.

Here's my CSS, if anyone wants to compare it to theirs:

Code: Select all

body, html {
background-color: #252525;
background-image: url(SECRET URL);
background-repeat: repeat-y;
background-position: top left;}


body, html, td, a, p, table, div, tr, #forum_table td {
color: #000000;
font-family: corbel;
font-size: 11px;
font-weight: normal;
line-height: 13px;}

#toolbar{
background: transparent;
position: absolute;
top: -31px;
left: -450px;
width: auto;
height: 10px;}

#toolbar li{background: transparent;}

#level2{background: #2F2A2E !important;}

#level2 a {font-size: 10px !important;}

#toolbar .level2 li:hover {background: #2F2A2E !important; color: #fff;}

b, u, i {
color: #49684C;
font-family: corbel;
font-size: 11px;}


a:link, a:active, a:visited, div#forum_wrapper a, div#forum_wrapper a:link, div#forum_wrapper a:active, div#forum_wrapper a:visited, div#forum_create a:link, div#forum_back a:link {
color: #BE4A8E;
font-weight: normal;}

div#left a, div#loginstatus a {
color: #F2BBF0;
font-weight: normal;}

a:hover, div#left a:hover, div#forum_wrapper a:hover {
color: #000000;
font-weight: normal;
text-transform: none;
text-decoration: none;}

div#loginstatus a:hover {
color: #FDA2F2;
font-weight: normal;}

div#loginstatus {
font-family: calibri;
font-size: 9px !important;
font-weight: normal;
position: absolute;
top: 40px;
left: 591px;
width: 200px;
background-image: none;
border: none; 
padding: 0px;
margin: 0px;}

input, textarea {
color: #000000;
font-family: corbel;
font-size: 11px;
font-weight: normal;
background-color: #C690C4;
border: 1px solid #000000;}

.sp-table {
border: 1px solid #000000;
background-color: transparent;}

.sp-header .sp-table {
color: #F2BBF0 !important;}

.sp-sub {
border: 1px solid #000000;
background-color: #F2BBF0;}

.sp-header {
border: #000000;
background-color: #252525;
color: #F2BBF0 !important;}

.sp-header b, .sp-header i {color: #F2BBF0 !important;}

.forum_cell_head, .forum_cell_head b {color: #F2BBF0 !important;}

div#loginstatus div {color: #ffffff; text-align: center;}

div#left {
position: absolute;
top: 234px;
left: 37px;
width: 101px; 
padding-top: none; 
margin-top: none;}

div.leftpanel h1 {
color: #000000;
font-family: corbel;
font-size: 9pt;
font-weight: bold;}

div#time, div#date {
color: #F2BBF0;
font-family: calibri;
font-size: 12px;
font-weight: bold;}

div.leftpanelseparator {display: none;}

div#right {
color: #000000;
font-family: corbel;
font-size: 10px;
position: absolute;
top: 96px;
left: 177px;
width: 629px;}

div#wardrobe {
position: absolute;
top: 0px;
left: 0px;}

div#forum_title_topic, div#forum_title, div#mods_head, td.forum_cell_head {background-color: #2d2d25;}

#spcount a, #cscount a{
font-family: calibri !important; 
font-size: 11px !important;}

#date {
margin-top: 25px; 
font-size: 12px !important; 
color: #000000 !important;}

#time { 
font-family: calibri !important; 
font-size: 11px !important; 
line-height: 100% !important; 
margin-top: 3px !important; 
font-weight: normal !important; 
margin-bottom: none; 
padding-bottom: none;}

div#header {
background-image: url(SECRET URL);
background-repeat: no-repeat;
width: 840px;
height: 400px;
position: absolute;
top: 0px;
left: 0px;}

div#banner {display: none;}

#item_choices{display: none;}

And here is my old version of the same CSS, which caused me to get doubles:

Code: Select all

#item_choices{display: none;}


div#banner {display: none;}

body, html {
background-color: #252525;
background-image: url(SECRET URL);
background-repeat: repeat-y;
background-position: top left;}

body, html, td, a, p, table, div, tr, #forum_table td {
color: #000000;
font-family: corbel;
font-size: 11px;
font-weight: none;
text-decoration: none;
text-transform: none;
line-height: 13px;}

#toolbar{
background: transparent;
position: absolute;
top: -31px;
left: -445px;
width: auto;
height: 10px;}

#toolbar li{background: transparent;}

#level2{background: #2F2A2E !important;}

#level2 a {font-size: 10px !important;}

#toolbar .level2 li:hover {background: #2F2A2E !important; color: #fff;}

b, u, i {
color: #49684C;
font-family: corbel;
font-size: 11px;}


a:link, a:active, a:visited, div#forum_wrapper a, div#forum_wrapper a:link, div#forum_wrapper a:active, div#forum_wrapper a:visited, div#forum_create a:link, div#forum_back a:link {
color: #BE4A8E;
font-weight: none;
text-decoration: none;
text-transform: none;}

div#left a, div#loginstatus a {
color: #F2BBF0;
font-weight: none;
text-decoration: none;
text-transform: none;}

a:hover, div#left a:hover, div#forum_wrapper a:hover {
color: #000000;
font-weight: none;
text-decoration: none;
text-transform: none;}

div#loginstatus a:hover {
color: #FDA2F2;
font-weight: none; 
text-decoration: none; 
text-transform: none;}

div#loginstatus {
font-family: calibri;
font-size: 9px !important;
font-weight: normal;
text-decoration: none;
text-transform: none; 
position: absolute;
top: 40px;
left: 591px;
width: 200px;
background-image: url();
border: none; 
padding: 0px;
margin: 0px;}

input, textarea {
color: #000000;
font-family: corbel;
font-size: 11px;
font-weight: none;
text-decoration: none;
text-transform: none;
background-color: #C690C4;
border: 1px solid #000000;}

.sp-table {
border: 1px solid #000000;
background-color: transparent;}

.sp-sub {
border: 1px solid #000000;
background-color: #F2BBF0;}

.sp-header {
border: #000000;
background-color: #252525;}

.sp-header b {color: #F2BBF0 !important;}

div#header {
background-image: url(SECRET URL);
background-repeat: no-repeat;
width: 840px;
height: 400px;
position: absolute;
top: 0px;
left: 0px;}

.forum_cell_head, .forum_cell_head b {color: #F2BBF0 !important;}

div#loginstatus div {color: #ffffff; text-align: center;}

div#loginstatus div a {font-weight: normal;}

div#left {
position: absolute;
top: 234px;
left: 37px;
width: 101px; 
padding-top: none; 
margin-top: none;}

div.leftpanel h1 {
color: #000000;
font-family: corbel;
font-size: 9pt;
font-weight: strong;
text-decoration: none;
text-transform: none;}

div#time, div#date {
color: #F2BBF0;
font-family: calibri;
font-size: 12px;
font-weight: none;
text-decoration: none;
text-transform: none;}

div.leftpanelseparator {display: none;}


div#right {
color: #000000;
font-family: corbel;
font-size: 10px;
font-weight: none;
text-decoration: none;
text-transform: none;
position: absolute;
top: 96px;
left: 177px;
width: 629px;}

div#wardrobe {
position: absolute;
top: 0px;
left: 0px;}

div#forum_title_topic, div#forum_title, div#mods_head, td.forum_cell_head {background-color: #2d2d25;}

#spcount a, #cscount a{
font-family: calibri !important; 
font-size: 11px !important;}

#date {
margin-top: 25px; 
font-size: 12px !important; 
color: #000000 !important; 
font-weight: bold;}

#time { 
font-family: calibri !important; 
font-size: 11px !important; 
line-height: 100% !important; 
margin-top: 3px !important; 
font-weight: normal !important; 
margin-bottom: none; 
padding-bottom: none;}

[AngharadTy]

Hmm, what is #item_choices{display: none;} for?

[shadowgem]

That hides the drop-down selection of possible items when you're typing in the shop search. I found it annoying, so I removed it. It's in both stylesheets - I just moved it to the bottom of the stylesheet in the one that works.

[AngharadTy]

Oh, that's handy! I just didn't recognize it as an element, so I figured I'd ask. :)