Jump to content

CSS Test? Help?

Skewled

By Skewled
in CSS Help

 Share

Recommended Posts

Skewled Member

Skewled

Posted
Posted

I've been working on a project for awhile now, had to take some time away but I'm back and ready to get the ball rolling again. I would like to have my CSS checked out by someone who is more skilled than I am.

 

my project can be found at http://www.speakyourtoon.com/atw/login.php You will have to register and account to login and fully inspect the CSS. If anyone would like to help out with the theme let me know!!  :D

 

Ownership questions? I've posed in the beta forum here at: http://www.phpfreaks.com/forums/beta-test-your-stuff!/%28game%29-zombies-vrs-humans-toon-survivors-browser-based/ and you have to prove ownership in order to even have the post approved. But hey you knew that!

Link to comment
Share on other sites
Skewled Member

Skewled

Posted
  • Author
Posted

Current CSS

 

html {
   overflow-y: scroll;
   }

.input {
border: 1px dotted gray;
background: #171717;
color: yellow;
}

.input:hover {
border: 1px solid gray;
background: #333333;
}

.error {
float: left;
font-weight: bold;
color: red;
margin: 300px 0px 0px -450px;
}

fieldset {
border: none;
}

p { 
       color: yellow;
text-indent: 10px;
}

b {
color: yellow;
}

h3 { 
text-indent: 20px;
       font-family: cursive;
       color: Yellow;
}

a {    
outline: none;
font-family: cursive;
color: yellow; 
}

a:focus {
outline:none;
}

a:active {
outline:none;
}

tr {
color: red;
background-color: black;
}

label {
display: block;
width: 150px;
float: left;
margin: 2px 4px 3px 64px;
text-align: right;
}

br { 
clear:left;
}

table {
margin-left: -10px;
border: 1px solid white;
border-spacing: 0px;
border-collapse: collapse;
font-weight: bold;
font-size: .7em;
width: 680px;
}

.cellcolor {
background-color: #171717;
}

td, th {
border: thin dotted white;
padding: 1px;
}

#container {
width: 920px;
margin-left: auto;
margin-right: auto;
}

body {
background-color: black;
margin: 0px 0px 0px 0px;
font-family: cursive;
line-height: 1.6em;
}

p {
color: yellow;
text-indent: 10px;
}

#header {
background-image: url(images/header.gif);
float: left;
clear: right;
width:946px;
height:117px;
}

#vitals {
background-image: url(images/vitals.gif);
float: left;
width: auto;
margin: -700px 0px 0px 220px;
width:638px;
height:201px;
}

#tstattxt {
float: left;
margin: 35px 0px 0px 10px;
}


#thp {
background-image: url(images/vhp.gif);
float: left;
width:113px;
height:108px;
margin: 0px 0px 0px -575px;
}

#txthp {
float: left;
margin: 40px 0px 0px 25px;
color: yellow;
}

#ten {
background-image: url(images/ven.gif);
float: left;
width:111px;
height:108px;
margin: 0px 0px 0px -450px;
}

#txten {
margin: 40px 0px 0px 35px;
color: yellow;
}

#tst {
background-image: url(images/vst.gif);
float: left;
width:109px;
height:108px;
margin: 0px 0px 0px -327px;
}

#txtst {
margin: 40px 0px 0px 35px;
color: yellow;
}

#tho {
background-image: url(images/vho.gif);
float: left;
width:112px;
height:108px;
margin: 0px 0px 0px -207px;
}

#txtho {
margin: 40px 0px 0px 45px;

color: yellow;
}

#tto {
background-image: url(images/vto.gif);
float: left;
width:113px;
height:108px;
margin: 0px 0px 0px -84px;
}

#txtto {
margin: 40px 0px 0px 35px;
color: yellow;
}

#tlvl {
background-image: url(images/vlvl.gif);
float: left;
width:124px;
height:39px;
margin: 120px 0px 0px 10px;
}

#txtlvl {
margin: 5px 0px 0px 70px;
color: yellow;
}

#ttolvl {
background-image: url(images/vxp.gif);
float: left;
width:124px;
height:39px;
margin: 120px 0px 0px 10px;
}

#txttolvl {
margin: 5px 0px 0px 50px;
color: yellow;
}

#tcash {
background-image: url(images/vcash.gif);
float: left;
width:151px;
height:38px;
margin: 120px 0px 0px 10px;
}

#txtcash {
margin: 5px 0px 0px 20px;
color: yellow;
}

#tbcash {
background-image: url(images/vbank.gif);
float: left;
width:153px;
height:47px;
margin: 118px 0px 0px 0px;
}

#txtbcash {
margin: 15px 0px 0px 20px;
color: yellow;
}	

#navbar a:link, #navbar a:visited {
outline: none;
text-decoration: none;
color: black;
}

#navbar a:active {
text-decoration: none;
}

#footer {
background-image: url(images/footer.gif);
float: left;
margin: 20px 0px 0px 0px;
width:946px;
height:117px;
}

img:active, img:focus {
border:none;
outline:none;
}

#home1 {
float: left;
width:97px;
height:111px;
}

#doctor {
float: left;
width:100px;
height:111px;
}

#profile {
float: left;
clear: left;
width:97px;
height:95px;
}

#bulletin1 {
float: left;
width:100px;
height:95px;
}

#warzone1 {
float: left;
clear: left;
width:97px;
height:93px;
}

#banker {
float: left;
width:100px;
height:93px;
}

#tvendor {
float: left;
clear: left;
width:97px;
height:94px;
}

#questhub {
float: left;
width:100px;
height:94px;
}

#inventory {
float: left;
clear: left;
width:97px;
height:95px;
}

#arsenal1 {
float: left;
width:100px;
height:95px;
}

#estate1 {
float: left;
clear: left;
width:97px;
height:94px;
}

#clanzone1 {
float: left;
width:100px;
height:94px;
}

#htplay1 {
float: left;
clear: left;
width:97px;
height:118px;
}

#logout {
float: left;
width:100px;
height:118px;
}

#newsbox {
background-image: url(images/newsboxh.gif);
float: left;
clear: right;
width:655px;
height:43px;
margin: -900px 0px 0px 218px;
}

#newstextbox {
background-image: url(images/newsboxtxt.gif);
float: left;
margin: 35px 0px -35px 0px;
padding: 0px 0px 0px 0px;
width:655px;
height:205px;
}

#newstext {
float: left;
margin: 15px 0px 0px 32px;
padding: 0px 0px 0px 0px;
width: 605px;
}

#newstxtd {
float: left;
color: yellow;
width: 655px;
margin: -5px 0px 0px 420px;
}

#newsboxf {
background-image: url(images/newsboxf.gif);
float: left;
width:655px;
height:29px;
margin: 35px 0px 0px 0px;
}

#newsp {
float: left;
width: 220px;
margin: -45px 0px 0px 480px;
}

#whoson {
background-image: url(images/whoonline.gif);
background-repeat: no-repeat;
float: left;
width:235px;
height:362px;
margin: -388px 25px 0px 5px;
}

#online {
float: left;
margin: 35px 0px -35px 10px;
padding: 0px 0px 0px 0px;
color: yellow;
width: 230px;
}

#onpage {
float: left;
margin: 50px 0px 0px 10px;
}

#tatk {
background-image: url(images/atkplayer.gif);
float: left;
width:250px;
height:387px;
margin: 20px 0px 0px 245px;
}

#atkpage {
float: left;
margin: 40px 0px 0px 80px;
}

#atkpagenum {
float: left;
margin: 10px 0px 0px 10px;
}

#inplay {
float: left;
margin: 35px 0px -35px 10px;
padding: 0px 0px 0px 0px;
color: yellow;
}

#tstat {
background: #171717;
border: 1px dotted grey;
float: left;
width:700px;
height:249px;
margin: -780px 0px 0px 235px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#tstat1 {
float: left;
margin: 5px 0px 0px 20px;
width: 690px;
text-align: center;
}

#addcom {
float: left;
clear: right;
width:582px;
height:51px;
margin: -80px 0px 0px 20px;
}

#comform {
background: url(images/vtaddcom.gif);
background-repeat: no-repeat;
}

#comments {
background-image: url(images/vtrcom.gif);
background-repeat:no-repeat;
float: left;
width:825px;
height:380px;
margin: 100px 0px 80px 0px;
}

#comment {
float: left;
color:red;
font-size: .8em;
margin: 30px 0px -30px 10px;
width: 800px;
}

textarea#styled {
width: 500px;
height: 20px;
border: 1px solid #cccccc;
padding: 1px;
font-family: Tahoma, sans-serif;
}

#atkhist {
background: url(images/atkhist.gif);
background-repeat: no-repeat;
float: left;
width:225px;
height:279px;
margin: 10px 0px 0px 0px;
}

#atktext {
float: left;
color: red;
border: 1px dotted gray;
background: #171717;
font-weight: bold;
margin: 35px 0px -25px 25px
}

#atktextg {
float: left;
color: green;
border: 1px dotted gray;
background: #171717;
font-weight: bold;
margin: 35px 0px -25px 25px
}

#bank {
background: url(images/tb.gif);
float: left;
width:433px;
height:189px;
margin: -490px 0px 0px 218px;
}

#banktxt {
float: left;
color: red;
width: 400px;
margin: 30px 0px 0px 10px;
}

.banksub {
border: 1px dotted white;
background: gray;
color: black;
}

.bankdep {
border: 1px dotted gray;
background: #171717;
color: green;
font-weight: bold;
}

.bankdep:hover {
border: 1px solid gray;
background: #333333;
}

.bankwith {
border: 1px dotted gray;
background: #171717;
color: red;
font-weight: bold;
}

.bankwith:hover {
border: 1px solid gray;
background: #333333;
}	

#bankdtxt {
color: green;
float: left;
width: 400px;
margin: 30px 0px 0px 20px;
}

#bankwtxt {
color: red;
float: left;
width: 400px;
margin: 30px 0px 0px 20px;
}

#banksuccess {
background: url(images/bs.gif);
float: left;
width:433px;
height:153px;
margin: 5px 0px -150px 450px;
}

#doc {
float: left;
margin: -550px 0px 0px 140px;
}

.health {
border: 0px;
background: url(images/hp.gif);
float: left;
clear: left;
width:562px;
height:116px;
margin: 30px 0px 0px 120px;
}

.health:hover {
border: 0px;
background: url(images/hp1.gif);
float: left;
clear: left;
width:562px;
height:116px;
margin: 30px 0px 0px 120px;
cursor: pointer;
}

.stamina {
border: 0px;
background: url(images/st.gif);
float: left;
width:562px;
height:118px;
margin: 10px 0px 0px 120px;
}

.stamina:hover {
border: 0px;
background: url(images/st1.gif);
float: left;
width:562px;
height:118px;
margin: 10px 0px 0px 120px;
cursor: pointer;
}

.energy {
border: 0px;
background: url(images/en.gif);
float: left;
width:562px;
height:119px;
margin: 10px 0px 0px 120px;
}

.energy:hover {
border: 0px;
background: url(images/en1.gif);
float: left;
width:562px;
height:119px;
margin: 10px 0px 0px 120px;
cursor: pointer;
}

.honor {
border: 0px;
background: url(images/ho.gif);
float: left;
width:562px;
height:119px;
margin: 10px 0px 30px 120px;
}

.honor:hover {
border: 0px;
background: url(images/ho1.gif);
float: left;
width:562px;
height:119px;
margin: 10px 0px 30px 120px;
cursor: pointer;
}

#doctxtg {
border: 1px dotted gray;
background: #171717;
color: green;
float: left;
margin: -525px 0px 0px 100px;
padding: 225px;
}

#doctxtr {
border: 1px dotted gray;
background: #171717;
color: red;
float: left;
margin: -525px 0px 0px 100px;
padding: 225px;
}

#quest {
float: left;
clear: left;
background: url(images/questback.gif);
width: 569px;
height: 821px;
margin: -490px 0px 0px 218px;
}

#qp {
float: left;
margin: 50px 0px 0px 200px;
}

.doquest {
background: transparent url('images/qb.png') no-repeat;
float: left;
width: 128px;
height: 41px;
border: none;
margin: -60px 0px 0px 385px;
}

.doquest:hover {
background: transparent url('images/qbh.png') no-repeat;
float: left;
width: 128px;
height: 41px;
border: none;
margin: -60px 0px 0px 385px;
cursor: pointer;
}


#qsttext1 {
color: yellow;
width: 390px;
margin: 50px 0px -30px 20px;
}

#qs {
background: #171717;
border: 1px dotted gray;
float: left;
width: 357px;
height: 228px;
margin: -955px 0px 0px 150px;
}

#qsuccess {
color: green;
float: left;
margin: 10px 0px 0px 20px;
}

#qf {
background: #171717;
border: 1px dotted gray;
float: left;
width: 357px;
height: 228px;
margin: -955px 0px 0px 150px;
}

#qfail {
color: red;
float: left;
margin: 10px 0px 0px 20px;
}

#skpoints {
float: left;
border: 1px solid gray;
background: #171717;
width: 700px;
margin: -490px 0px 0px 218px;
}

.skinput {
background: #333333;
border: none;
width: 80px;
color: yellow;
text-align: center;
}

.skinput:hover {
background: gray;
}

.sksubmit {
background: #333333;
border: 1px solid gray;
width: 110px;
height: 40px;
font-weight: bold;
color: yellow;
margin: 0px 0px 0px 220px;
}

.sksubmit:hover {
background: gray;
border: 1px solid white;
font-weight: bold;
}

#arsenal {
background: url(images/arsenalb.gif) no-repeat;
float: left;
width: 493px;
height: 950px;
margin: -490px 0px 80px 218px;
}

#arstext {
float: left;
color: yellow;
width: 360px;
margin: 40px 0px -20px 20px;
}

#wimgb {
float: left;
width: 68px;
height: 68px;
margin: -100px 0px 0px 370px;
}

.wepbuy {
border: none;
background: transparent url(images/wepbuy.png) no-repeat;
float: left;
width: 128px;
height: 41px;
margin: 0px 0px 0px 0px;
}

.wepbuy:hover {
border: none;
background: transparent url(images/wepbuyh.png) no-repeat;
float: left;
width: 128px;
height: 41px;
margin: 0px 0px 0px 0px;
cursor: pointer;
}

#wsell {
float: left;
width: 300px;
margin: -45px 0px 0px 190px;
}


.wepsell {
border: none;
background: transparent url(images/wepsell.png) no-repeat;
float: left;
width:128px;
height:40px;
margin: 0px 0px 0px 0px;
}

.wepsell:hover {
border: none;
background: transparent url(images/wepsellh.png) no-repeat;
float: left;
width:133px;
height:40px;
margin: 0px 0px 0px 0px;
cursor: pointer;
}

.wepinput {
border: 1px dotted gray;
background: #171717;
font-weight: bold;
color: green;
float: left;
width: 60px;
height: 41px;
margin: 0px 0px 0px 0px;
}

.wepinput:hover {
border: 1px solid gray;
background: #333333
}

#as {
background: url(images/as.gif);
float: left;
width: 357px;
height: 228px;
margin: -790px 0px 0px 500px;
}

#arsconf {
float: left;
color: green;
margin: 30px 0px 0px 10px;
}

#af {
background: url(images/af.gif);
float: left;
width: 357px;
height: 228px;
margin: -790px 0px 0px 500px;
}

#arsconff {
color: red;
float: left;
margin: 30px 0px 0px 10px;
}

#estate {
background: url(images/estates.gif) no-repeat;
float: left;
width: 493px;
height: 950px;
margin: -490px 0px 0px 218px;
}

#estext {
float: left;
color: yellow;
width: 475px;
margin: 40px 0px -20px 20px;
}

#limgb {
float: left;
width: 68px;
height: 68px;
margin: -60px 0px 0px 350px;
}

.esbuy {
border: none;
background: transparent url(images/wepbuy.png) no-repeat;
float: left;
width: 128px;
height: 41px;
margin: 0px 0px 0px 0px;
}

.esbuy:hover {
border: none;
background: transparent url(images/wepbuyh.png) no-repeat;
float: left;
width: 128px;
height: 41px;
margin: 0px 0px 0px 0px;
cursor: pointer;
}

.esinput {
border: 1px dotted gray;
background: #171717;
font-weight: bold;
color: green;
float: left;
width: 60px;
height: 41px;
margin: 0px 0px 0px 0px;
}

.esinput:hover {
border: 1px solid gray;
background: #333333
}

#es {
background: url(images/es.gif) no-repeat;
float: left;
width: 357px;
height: 228px;
margin: -710px 0px 0px 480px;
}

#esconf {
color: green;
float: left;
width: 300px;
margin: 30px 0px 0px 10px;
}

#ef {
background: url(images/ef.gif) no-repeat;
float: left;
width: 357px;
height: 228px;
margin: -710px 0px 0px 480px;
}

#esconff {
color: red;
float: left;
margin: 30px 0px 0px 10px;
}

#winv {
background: url(images/iw.gif) no-repeat;
float: left;
width: 576px;
height: 387px;
margin: -490px 0px 0px 218px;
}

#witext {
float: left;
color: yellow;
width: 68px;
height: 68px;
margin: 40px 20px 0px 20px;
}

#einv {
background: url(images/ie.gif) no-repeat;
float: left;
width: 576px;
height: 387px;
margin: -80px 0px 20px 218px;
}

#eitext {
float: left;
color: yellow;
width: 68px;
height: 68px;
margin: 40px 20px 0px 20px;
}

#clogin {
background: url(images/login.gif);
float: left;
width:441px;
height:279px;
margin: 10px 0px 0px 10px;
}

#clogintxt {
float: left;
color: yellow;
width:400px;
margin: 10px 0px 0px 10px;
}

.clinput {
border: 1px dotted white;
color: yellow;
background: #333333;
}

.clinput:hover {
border: 1px dotted gray;
color: yellow;
background: #171717;
}

.logsub {
background: #333333;
border: 1px dotted gray;
color: yellow;
margin: 0px 0px 0px 220px;
}

#mclan {
background: #171717;
border: 1px dotted gray;
float: left;
width: 572px;
height: 140px;
margin: 10px 0px 5px 40px;
}

#pclan {
background: #171717;
float: left;
color: yellow;
margin: 10px 0px 5px 40px;
}

.mcinput {
border: 1px dotted white;
color: yellow;
background: #333333;
margin: 5px 0px 0px 8px;
}

.mcinput:hover {
border: 1px dotted gray;
color: yellow;
background: #171717;
}

.mcsub {
float: left;
background: #333333;
border: 1px dotted gray;
color: yellow;
margin: 5px 0px 0px -210px;
}

#mctext {
color: yellow;
float: left;
margin: 10px 0px 0px 10px;
}

#mctextconf {
color: yellow;
float: left;
margin: 30px 0px 0px 10px;
}

#cwar {
float: left;
margin: 0px 0px 0px 0px;
}

#killwar {
background: url(images/kwar.gif);
float: left;
width: 438px;
height: 390px;
margin: -485px 0px 0px 218px;
}

#killtxt {
float: left;
color: yellow;
width: 350px;
margin: 30px 0px 0px 10px;
}

#wartext {
background: url(images/wstatus.gif) no-repeat;
float: left;
width: 438px;
height: 390px;
margin: -188px 0px 0px 445px;
}

#warconf {
float: left;
color: green;
margin: 30px 0px 0px 10px;
}

#warconfr {
float: left;
color: red;
margin: 30px 0px 0px 10px;
}

#attackwar {
background: url(images/awar.gif);
float: left;
width: 438px;
height: 390px;
margin: -80px 0px 0px 218px;
}

#attacktxt {
float: left;
color: yellow;
width: 350px;
margin: 30px 0px 0px 10px;
}

#awartext {
background: url(images/wstatus.gif) no-repeat;
float: left;
width: 438px;
height: 390px;
margin: -318px 0px 0px 445px;
}

#awarconf {
float: left;
color: green;
margin: 30px 0px 0px 10px;
}

#awarconfr {
float: left;
color: red;
margin: 30px 0px 0px 10px;
}

#losewar {
background: url(images/lwar.gif);
float: left;
width: 438px;
height: 390px;
margin: 10px 0px 0px 218px;
}

#losetxt {
float: left;
color: yellow;
width: 350px;
margin: 30px 0px 0px 10px;
}

#lwartext {
background: url(images/wstatus.gif) no-repeat;
float: left;
width: 438px;
height: 390px;
margin: -155px 0px 0px 445px;
}

#lwarconf {
float: left;
color: green;
margin: 30px 0px 0px 10px;
}

#lwarconfr {
float: left;
color: red;
margin: 30px 0px 0px 10px;
}

.warsub {
background: url(images/atkb.png);
border: none;
width: 128px;
height: 41px;
margin: -40px 0px 0px 300px;
}

.warsub:hover {
background: url(images/atkbh.png);
border: none;
width: 128px;
height: 41px;
margin: -40px 0px 0px 300px;
cursor: pointer;
}

#sidecom {
float: left;
background: url(images/sidecomh.gif);
width: 845px;
height: 44px;
margin: -490px 0px 20px 218px;
}

#sidetxtborder {
float: left;
background: url(images/comback.gif);
width: 845px;
height: 54px;
margin: 40px 0px -40px 0px;
}

#sidetxt {
float: left;
color: red;
width: 800px;
margin: 0px 0px 0px 10px;
font-size: .8em;
}

#sidecomfooter {
float: left;
background: url(images/comfoot.gif);
width: 845px;
height: 29px;
margin: 40px 0px 0px 0px;
}

#postcom {
float: left;
background: url(images/postcom.gif);
width: 524px;
height: 78px;
margin: 450px 0px 20px 380px;
}

#postcomf {
float: left;
margin: 20px 5px 0px 10px;
}

.comsub {
background: #171717;
border: 1px dotted gray;
color: yellow;
}

.comsub:hover {
background: #333333;
border: 1px dotted gray;
color: yellow;
}

#jclan {
background: url(images/joinc.gif);
float: left;	
width:549px;
height:478px;
margin: -480px 0px 20px 260px;
}

#jcwrapper {
float: left;
background: #171717;
border: 1px dotted gray;
color: yellow;
width: 490px;
height: 150px;
margin: 40px 0px -30px 28px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;	
}

#jctxt {
float: left;
margin: 5px 0px 0px 10px;
}

.joinsub {
float: left;
background: #171717;
border: 1px dotted gray;
color: yellow;
height: 30px;
margin: 0px 0px 0px 370px;
}

.joinsub:hover {
background: #333333;
border: 1px dotted gray;
color: yellow;
}

.jcinput {
float: left;
border: 1px dotted white;
color: yellow;
background: #333333;
margin: 5px 0px 0px 0px;
}

.jcinput:hover {
border: 1px dotted gray;
color: yellow;
background: #171717;
}

#jcborder {
float: left;
background: url(images/jcstatus.gif);
width: 558px;
height: 422px;
margin: -290px 0px 0px 0px;
}

#jcconf {
float: left;
color: red;
font-weight: bold;
text-align: center;
width: 300px;
margin: 160px 0px 0px 100px;
}

#jcpage {
float: left;
color: yellow;
margin: 50px 0px 0px 200px;
}

#csignup {
background: url(images/register.gif);
float: left;
width: 836px;
height: 625px;
margin: 10px 0px 0px 50px;
}

#signform {
float: left;
color: yellow;
margin: 10px 0px 0px 20px;
}

#signclassb {
float: left;
width: 350px;
color: yellow;
margin: -295px 0px 0px 450px;
}

#signclass {
float: left;
margin: 0px 0px 0px 0px;
text-align: right;
}

#signconf {
float: left;
border: 1px dotted gray;
background: #171717;
color: red;
height: 20px;
width: 500px;
margin: 20px 0px 0px 70px;
}

#signconfg {
float: left;
border: 1px dotted gray;
background: #171717;
color: green;
height: 20px;
width: 500px;
margin: 20px 0px 0px 70px;
}

.signsub {
float: left;
background: #171717;
border: 1px dotted gray;
color: yellow;
width: 100px;
height: 70px;
margin: -140px 0px 0px 480px;
}

#attack {
float: left;
background: url(images/atkstatus.gif);
width: 386px;
height: 201px;
margin: -475px 0px 20px 350px;
}

#username1 { 
border: 1px dotted white;
color: yellow;
background: #333333 url('images/status.gif') 126px 0 no-repeat; 
margin: 5px 0px 0px 0px;
}

#username1:hover {
border: 1px dotted gray;
color: yellow;
background: #171717 url('images/status.gif') 126px 0 no-repeat; 
}

#username1.thinking { background-position: 126px -19px; }
#username1.approved { background-position: 126px -35px; }
#username1.denied { 
  background-color: #171717; 
  background-position: 126px -52px; 
}

#attackconf {
float: left;
color: green;
margin: 40px 0px 0px 20px;
}

#attackconfr {
float: left;
color: red;
margin: 40px 0px 0px 20px;
}

#search {
float: left;
background: url(images/usearch.gif);
width: 387px;
height: 308px;
margin: -390px 0px 0px 525px;
}

#searchtxt {
float: left;
color: yellow;
margin: 40px 0px 0px 30px;
}

table.search {
width: 325px;
margin: 10px 0px 0px -10px;
border: 1px solid white;
border-spacing: 0px;
border-collapse: collapse;
text-align: center;
font-weight: bold;
font-size: 1em;
}

#killer {
float: left;
background: url(images/atkstatus.gif);
width: 386px;
height: 201px;
margin: -510px 0px 20px 200px;
}

#killconf {
float: left;
color: green;
margin: 40px 0px 0px 20px;
}

#killconfr {
float: left;
color: red;
margin: 40px 0px 0px 20px;
}

#tokens {
float: left;
color: yellow;
margin: -490px 0px 20px 218px;
}

#gamble {
float: left;
background: url(images/gambler.gif);
color: yellow;
width:429px;
height:212px;
margin: -300px 0px 0px 215px;
}

#gtxt {
float: left;
margin: 30px 0px 0px 10px;
}

#gtxtr {
color: red;
}

#gform {
float: left;
margin: 10px 0px 0px 120px;
}

#pwarn {
float: left;
color: red;
width:429px;
height:111px;
margin: 10px 0px 0px 20px;
}

#pearn {
float: left;
color: green;
width:429px;
height:111px;
margin: 10px 0px 0px 20px;
}

#pspent {
float: left;
color: red;
width:429px;
height:111px;
margin: 10px 0px 0px 20px;
}

#income {
float: left;
background: url(images/income.gif);	
width:429px;
height:111px;
margin: -80px 0px 0px 215px;
}

#incometxt {
float: left;
color: yellow;
margin: 35px 0px 0px 10px;
}

#canreq {
float: left;
border: 1px dotted gray;
background: #171717;
color: yellow;
padding: 5px;
margin: -480px 0px 0px 215px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#cantxt {
float: left;
margin: -20px 0px 0px 0px;
}

#canreqsg {
float: left;
background: #171717;
border: 1px dotted gray;
color: green;
padding: 10px;
margin: -350px 0px 0px 215px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#canreqsr {
float: left;
background: #171717;
border: 1px dotted gray;
color: red;
padding: 10px;
margin: -350px 0px 0px 215px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.crinput {
float: left;
border: 1px dotted white;
color: yellow;
background: #333333;
margin: 5px 0px 0px 180px;
}

.crsub {
background: #171717;
border: 1px dotted gray;
color: yellow;
margin: 5px 0px 0px 10px;
}

.crsub:hover {
background: #333333;
border: 1px dotted gray;
color: yellow;
}

#howto {
float: left;
background: #171717;
border: 1px dotted gray;
color: yellow;
width: 600px;
margin: -490px 0px 0px 220px;
}

#clanreq {
float: left;
background: #171717;
border: 1px dotted gray;
color: yellow;
margin: 0px 0px 0px 0px;
}

.statusmsg {
float: left;
background: #171717;
border: 1px dotted gray;
color: green;
}

.statusmsgr {
float: left;
background: #171717;
border: 1px dotted gray;
color: red;
}

#pvpatkwar {
background: url(images/cwar.gif) no-repeat;
float: left;
width: 407px;
height: 348px;
margin: -390px 0px 0px 520px;
}

#pvpatkwartxt {
float: left;
width: 397px;
height: 348px;
padding: 10px;
color: green;
margin: 20px 0px 0px 0px;
}

#newmsg {
float: left;
background: #171717;
width: auto;
color: yellow;
margin: 0px 0px -40px 50px;
}

#slist {
float: left;
background: #171717;
border: 1px dotted grey;
margin: 10px 0px 0px 215px;
}

#slisttxt {
color:yellow;
margin: 10px 10px 10px 10px;
}

#bounty {
float: left;
background: #171717;
border: 1px dotted grey;
margin: -480px 0px 0px 215px;
}

#btxtg {
color: green;
margin: 10px 10px 10px 10px;
}

#btxtr {
color: red;
margin: 10px 10px 10px 10px;
}

#loginstory {
float: left;
background: #171717;
border-top: 1px dotted grey;
border-right: 1px dotted grey;
border-left: 1px dotted grey;
height: auto;
width: 480px;
margin: -265px 10px 10px 460px;
}

#storytxt {
color: yellow;
height: auto;
width: 450px;
margin: 0px 0px 0px 20px;
}

#loginstory2 {
float: left;
background: #171717;
border-bottom: 1px dotted grey;
border-right: 1px dotted grey;
border-left: 1px dotted grey;
height: auto;
width: 930px;
margin: -10px 10px 10px 10px;
}

#storytxt2 {
color: yellow;
height: auto;
width: 900px;
margin: 0px 0px 0px 20px;
}

#loginwar {
float: left;
background: #171717;
border: 1px dotted grey;
color:yellow;
margin: 0px 0px 0px 10px;
padding: 5px;
}

#rbank {
float: left;
background: #171717;
border: 1px dotted grey;
color: yellow;
margin: -470px 0px 0px 215px;
padding: 10px;
width: 300px;
height: 310px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#rwins {
float: left;
background: #171717;
border: 1px dotted grey;
color: yellow;
margin: -470px 0px 0px 560px;
padding: 10px;
width: 300px;
height: 310px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#rlevel {
float: left;
background: #171717;
border: 1px dotted grey;
color: yellow;
margin: -120px 0px 0px 215px;
padding: 10px;
width: 300px;
height: 310px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#rkills {
float: left;
background: #171717;
border: 1px dotted grey;
color: yellow;
margin: -330px 0px 0px 560px;
padding: 10px;
width: 300px;
height: 310px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#rbounty {
float: left;
background: #171717;
border: 1px dotted grey;
color: yellow;
margin: 20px 0px 0px -665px;
padding: 10px;
width: 300px;
height: 310px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#rbountyk {
float: left;
background: #171717;
border: 1px dotted grey;
color: yellow;
margin: -330px 0px 0px 560px;
padding: 10px;
width: 300px;
height: 310px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

Link to comment
Share on other sites
Hybride Member

Hybride

Posted
Posted

You can combine a some of your ids, like this one all the way at the end:

#rlevel{...}, #rkills{...}, #rwins{...},#rbank{...}
#rbounty {
float: left;
background: #171717;
border: 1px dotted grey;
color: yellow;
margin: 20px 0px 0px -665px;
padding: 10px;
width: 300px;
height: 310px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#rbountyk {
float: left;
background: #171717;
border: 1px dotted grey;
color: yellow;
margin: -330px 0px 0px 560px;
padding: 10px;
width: 300px;
height: 310px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

 

could be changed to:

#rlevel,#rbank,#rwins,#rkills, #rbounty,#rbountyk {
float: left;
background: #171717;
border: 1px dotted grey;
color: yellow;
margin: 20px 0px 0px -665px;
padding: 10px;
width: 300px;
height: 310px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}


#rlevel {margin: -120px 0px 0px 215px}
#rkills {margin: -330px 0px 0px 560px}
#rbountyk {margin: -330px 0px 0px 560px}
#rbank {margin: -470px 0px 0px 215px}
#rwins {margin: -470px 0px 0px 560px}

 

 

Since all of those #ids are the same except for margins, you can combine your classes/ids as such, with making a new #id with the one or two line variation.

 

Also, use the shorthand version of codes, such as in your borders:

#loginstory2 {
float: left;
background: #171717;
border-bottom: 1px dotted grey;
border-right: 1px dotted grey;
border-left: 1px dotted grey;
height: auto;
width: 930px;
margin: -10px 10px 10px 10px;
}

could be changed to

#loginstory2 {
float: left;
background: #171717;
border: 1px dotted grey;
border-top:0;
height: auto;
width: 930px;
margin: -10px 10px 10px; /* top left+right bottom */
}

Link to comment
Share on other sites
Hybride Member

Hybride

Posted
Posted

If you have something set completely to 0, such as margins:

margin:0px 0px 0px 0px

You can simply combine it to:

margin:0

This also works for padding, borders,etc.

 

Example shorthand of margin:

margin: top right bottom left //v1 margin: 1px 2px 3px 4px
margin: top sides bottom //v2 margin: 1px 3px 2px, which means margin: 1px 3px 2px 3px
margin: x y //v3 margin: 5px 3px, which means margin: 5px 3px 5px 3px
margin: all //v3 margin: 10px, which means margin: 10px 10px 10px 10px

 

If you can combine classes and ids, do so, to save space, look cleaner, and be more efficient.

 

You can also write things on one line, so you can change:

#gtxtr {
color: red;
}

3 lines, to 1 line:

#gtxtr{color:red}

 

The last entry in the id or class does not require the semi-colon, so

#gtxt {
float: left;
margin: 30px 0px 0px 10px;
}

can be rewritten as

#gtxt {float: left; margin: 30px 0px 0px 10px}

 

Whew. Need more help, feel free to ask.

Link to comment
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

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.   Restore formatting

  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
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.