Difference between revisions of "User:Lexar/Page.css"
(last time i edit this until i actually get the code done through other means) |
(alot of lines of css) |
||
Line 1: | Line 1: | ||
− | # | + | #lexcontain |
{ | { | ||
− | background:url( | + | text-align:center; |
+ | background-color:#999999; | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | height:auto; | ||
+ | } | ||
+ | #lexmain | ||
+ | { | ||
+ | display: inline-block; | ||
+ | background-color:#FFFFFF; | ||
+ | width:1000px; | ||
+ | min-width:1000px; | ||
+ | } | ||
+ | #lexbannerback | ||
+ | { | ||
+ | text-align:center; | ||
+ | display:inline-block; | ||
+ | width:500px; | ||
+ | height:199px; | ||
+ | background-position:-16px -389px; | ||
+ | background-repeat:no-repeat; | ||
+ | z-index:1; | ||
+ | } | ||
+ | #lexmedover | ||
+ | { | ||
+ | float:left; | ||
+ | width:223px; | ||
+ | height:220px; | ||
+ | background-position:-517px -370px; | ||
+ | background-repeat:no-repeat; | ||
+ | z-index:2; | ||
+ | } | ||
+ | #lexbanner | ||
+ | { | ||
+ | display:inline-block; | ||
+ | width:1000px; | ||
+ | border-bottom:solid black 1px; | ||
+ | height:220px; | ||
+ | } | ||
+ | #lexbody | ||
+ | { | ||
+ | float:left; | ||
+ | width:760px; | ||
+ | max-width:760px; | ||
+ | } | ||
+ | .lexback | ||
+ | { | ||
+ | background:url(https://dl-web.dropbox.com/get/Photos/TF/User_Lexar_Page_Images.png?w=075b0a06); | ||
+ | } | ||
+ | #lexwelcome | ||
+ | { | ||
+ | width:277px; | ||
+ | height:40px; | ||
+ | display:inline-block; | ||
+ | background-position:-57px -261px; | ||
+ | } | ||
+ | .lextabledivshead | ||
+ | { | ||
+ | float:left; | ||
+ | -moz-border-radius: 18px; | ||
+ | border-radius: 18px; | ||
+ | border-bottom:solid black 4px; | ||
+ | width:760px; | ||
+ | height:35px; | ||
+ | } | ||
+ | .lextabledivs | ||
+ | { | ||
+ | border:solid black 4px; | ||
+ | width:760px; | ||
+ | float:left; | ||
+ | -moz-border-radius: 18px; | ||
+ | border-radius: 18px; | ||
+ | } | ||
+ | .lextabledivshead | ||
+ | { | ||
+ | width:715; | ||
+ | height:35; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .lex_class_button_border | ||
+ | { | ||
+ | float:left; | ||
+ | width:130px; | ||
+ | height:128px; | ||
+ | padding:11px; | ||
+ | } | ||
+ | .lex_class_button | ||
+ | { | ||
+ | z-index:1; | ||
+ | float:left; | ||
+ | height:128px; | ||
+ | width:128px; | ||
+ | background-position:-151px -1px; | ||
+ | } | ||
+ | .lex_class_button:hover | ||
+ | { | ||
+ | background-position:-281px -1px; | ||
+ | } | ||
+ | .lex_loadout_button | ||
+ | { | ||
+ | z-index:1; | ||
+ | float:left; | ||
+ | height:128px; | ||
+ | width:128px; | ||
+ | background-position:-153px -131px; | ||
+ | } | ||
+ | .lex_loadout_button:hover | ||
+ | { | ||
+ | background-position:-283px -131px; | ||
+ | } | ||
+ | .lexclassico | ||
+ | { | ||
+ | float:left; | ||
+ | z-index:2; | ||
+ | width:128px; | ||
+ | height:53px; | ||
+ | } | ||
+ | .lexclassbuttonname | ||
+ | { | ||
+ | float:left; | ||
+ | width:128px; | ||
+ | height:25px; | ||
+ | z-index:3; | ||
+ | } | ||
+ | .lexclassbuttonimg | ||
+ | { | ||
+ | float:left; | ||
+ | z-index:3; | ||
+ | height:93px; | ||
+ | width:85px; | ||
+ | } | ||
+ | #lexside | ||
+ | { | ||
+ | text-align:center; | ||
+ | float:left; | ||
+ | width:225px; | ||
+ | background-color:#B8383B; | ||
+ | border:solid black 1px; | ||
+ | padding:2px; | ||
+ | } | ||
+ | .lex_side_buttons | ||
+ | { | ||
+ | z-index:1; | ||
+ | display:inline-block; | ||
+ | float:left; | ||
+ | width:145px; | ||
+ | height:30px; | ||
+ | } | ||
+ | .lex_side_buttons_padding | ||
+ | { | ||
+ | float:left; | ||
+ | padding:2px 40px; | ||
+ | } | ||
+ | .lex_side_buttons_text | ||
+ | { | ||
+ | z-index:2; | ||
+ | height:inherit; | ||
+ | width:inherit; | ||
+ | } | ||
+ | .lexsteam | ||
+ | { | ||
+ | background-position:-411px 0px; | ||
+ | } | ||
+ | .lexsteam:hover | ||
+ | { | ||
+ | background-position:-559px -1px; | ||
+ | } | ||
+ | #lextalk | ||
+ | { | ||
+ | background-position:-412px -68px; | ||
+ | } | ||
+ | #lextalk:hover | ||
+ | { | ||
+ | background-position:-560px -68px; | ||
+ | } | ||
+ | .lexgeneral | ||
+ | { | ||
+ | background-position:-411px -35px; | ||
+ | } | ||
+ | .lexgeneral:hover | ||
+ | { | ||
+ | background-position:-559px -35px; | ||
} | } |
Revision as of 14:51, 1 August 2011
#lexcontain { text-align:center; background-color:#999999; float:left; width:100%; height:auto; } #lexmain { display: inline-block; background-color:#FFFFFF; width:1000px; min-width:1000px; } #lexbannerback { text-align:center; display:inline-block; width:500px; height:199px; background-position:-16px -389px; background-repeat:no-repeat; z-index:1; } #lexmedover { float:left; width:223px; height:220px; background-position:-517px -370px; background-repeat:no-repeat; z-index:2; } #lexbanner { display:inline-block; width:1000px; border-bottom:solid black 1px; height:220px; } #lexbody { float:left; width:760px; max-width:760px; } .lexback { background:url(https://dl-web.dropbox.com/get/Photos/TF/User_Lexar_Page_Images.png?w=075b0a06); } #lexwelcome { width:277px; height:40px; display:inline-block; background-position:-57px -261px; } .lextabledivshead { float:left; -moz-border-radius: 18px; border-radius: 18px; border-bottom:solid black 4px; width:760px; height:35px; } .lextabledivs { border:solid black 4px; width:760px; float:left; -moz-border-radius: 18px; border-radius: 18px; } .lextabledivshead { width:715; height:35; background-repeat:no-repeat; } .lex_class_button_border { float:left; width:130px; height:128px; padding:11px; } .lex_class_button { z-index:1; float:left; height:128px; width:128px; background-position:-151px -1px; } .lex_class_button:hover { background-position:-281px -1px; } .lex_loadout_button { z-index:1; float:left; height:128px; width:128px; background-position:-153px -131px; } .lex_loadout_button:hover { background-position:-283px -131px; } .lexclassico { float:left; z-index:2; width:128px; height:53px; } .lexclassbuttonname { float:left; width:128px; height:25px; z-index:3; } .lexclassbuttonimg { float:left; z-index:3; height:93px; width:85px; } #lexside { text-align:center; float:left; width:225px; background-color:#B8383B; border:solid black 1px; padding:2px; } .lex_side_buttons { z-index:1; display:inline-block; float:left; width:145px; height:30px; } .lex_side_buttons_padding { float:left; padding:2px 40px; } .lex_side_buttons_text { z-index:2; height:inherit; width:inherit; } .lexsteam { background-position:-411px 0px; } .lexsteam:hover { background-position:-559px -1px; } #lextalk { background-position:-412px -68px; } #lextalk:hover { background-position:-560px -68px; } .lexgeneral { background-position:-411px -35px; } .lexgeneral:hover { background-position:-559px -35px; }