Difference between revisions of "User:Lexar/Page.css"
(plz plz plz work) |
(lotta css, but hopefully will work) |
||
Line 1: | Line 1: | ||
+ | .lexback | ||
+ | { | ||
+ | background:url(http://dl.dropbox.com/u/32668357/User_Lexar_Page_Items2.png) no-repeat; | ||
+ | } | ||
#lexcontain | #lexcontain | ||
{ | { | ||
text-align:center; | text-align:center; | ||
− | |||
float:left; | float:left; | ||
width:100%; | width:100%; | ||
+ | min-width:940px; | ||
+ | background:url(http://dl.dropbox.com/u/32668357/steam-back.png) repeat-x; | ||
+ | background-color:#000000; | ||
height:auto; | height:auto; | ||
+ | margin:auto; | ||
+ | z-index:1; | ||
} | } | ||
#lexmain | #lexmain | ||
{ | { | ||
− | display: inline-block; | + | display:inline-block; |
− | + | width:940px; | |
− | width: | + | min-width:940px; |
− | + | height:1100px; | |
} | } | ||
− | + | .lextoptab | |
{ | { | ||
− | text- | + | text-decoration:none; |
− | + | float:left; | |
− | + | color:#999999; | |
− | + | font-size:14px; | |
− | + | font-family:Arial, Helvetica, sans-serif; | |
− | + | padding:40px 9px 4px 9px; | |
− | |||
} | } | ||
− | + | .lextoptab:hover | |
{ | { | ||
− | + | color:#CCCCCC; | |
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
#lexbanner | #lexbanner | ||
{ | { | ||
− | + | width:940px; | |
− | width: | + | float:left; |
− | + | height:136px; | |
− | height: | ||
} | } | ||
− | # | + | #lexbannerimg |
{ | { | ||
+ | background-repeat:no-repeat; | ||
+ | z-index:1; | ||
+ | height:95px; | ||
float:left; | float:left; | ||
− | width: | + | width:940px; |
− | + | background-position:0px 5px; | |
} | } | ||
− | + | #lexbannermed | |
{ | { | ||
− | background: | + | z-index:2; |
+ | background-position:-965px 9px; | ||
+ | background-repeat:no-repeat; | ||
+ | width:796px; | ||
+ | height:107px; | ||
+ | float:left; | ||
} | } | ||
− | # | + | #lexbannerdove1 |
{ | { | ||
− | + | float:left; | |
− | + | z-index:3; | |
− | + | width:26px; | |
− | background-position:- | + | height:39px; |
+ | background-position:-2px -131px; | ||
} | } | ||
− | + | #lexbannerdove2 | |
{ | { | ||
float:left; | float:left; | ||
− | - | + | z-index:3; |
− | + | width:24px; | |
− | + | height:39px; | |
− | + | background-position:-61px -130px; | |
− | |||
} | } | ||
− | + | #lexbody | |
{ | { | ||
− | + | width:100%; | |
− | width: | ||
float:left; | float:left; | ||
− | |||
− | |||
} | } | ||
− | + | #lextab | |
{ | { | ||
− | + | float:left; | |
− | height: | + | height:35px; |
− | background- | + | border-right:solid black 1px; |
+ | background-color:#64605F; | ||
+ | width:939px; | ||
} | } | ||
− | . | + | .lexbuttonlink |
{ | { | ||
− | + | color:#FFFFFF; | |
− | + | text-decoration:none; | |
− | + | padding:11px 22px 10px 22px; | |
− | + | font-weight:500; | |
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:11px; | ||
} | } | ||
− | . | + | .lexbutton |
{ | { | ||
+ | float:left; | ||
+ | padding:11px 0px 10px 0px; | ||
+ | background-color:#64605F; | ||
z-index:1; | z-index:1; | ||
− | + | text-align:center; | |
− | + | border-right:solid black 1px; | |
− | |||
− | |||
} | } | ||
− | . | + | .lexbutton:hover |
{ | { | ||
− | background- | + | background-color:#4D4B49; |
} | } | ||
− | . | + | .lexscrollpanel |
{ | { | ||
− | + | height:353px; | |
+ | width:618px; | ||
float:left; | float:left; | ||
− | + | background-color:#CCCCCC; | |
− | |||
− | background- | ||
} | } | ||
− | . | + | .lexscrollback |
{ | { | ||
− | background | + | background:url(http://dl.dropbox.com/u/32668357/lexscrollback.jpg) no-repeat; |
} | } | ||
− | . | + | .lexscrollpanelhead |
{ | { | ||
float:left; | float:left; | ||
− | + | height:20px; | |
− | + | width:605px; | |
− | + | font-family:Arial, Helvetica, sans-serif; | |
+ | text-align:left; | ||
+ | font-size:31px; | ||
+ | padding-top:7px; | ||
+ | padding-left:13px; | ||
+ | padding-bottom:58px; | ||
+ | color:#FFFFFF; | ||
+ | background:url(http://dl.dropbox.com/u/32668357/scrollback.png) repeat; | ||
} | } | ||
− | . | + | .lexscrollpanelimg |
{ | { | ||
+ | height:303px; | ||
float:left; | float:left; | ||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .lexscrollpanelcontent |
{ | { | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .lexcontenthead | |
{ | { | ||
− | + | width:616px; | |
+ | height:21px; | ||
+ | background-position:-321px -334px; | ||
float:left; | float:left; | ||
− | + | padding-left:17px; | |
− | + | padding-top:5px; | |
− | + | padding-bottom:0px; | |
− | + | text-align:left; | |
+ | font-size:12px; | ||
+ | color:#FFFFFF; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
} | } | ||
− | . | + | .lexcontenttable |
{ | { | ||
− | + | width:614px; | |
− | |||
float:left; | float:left; | ||
− | + | background:#262626; | |
− | + | font-size:14px; | |
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | color:#FFFFFF; | ||
+ | border:solid #64605F 1px; | ||
} | } | ||
− | . | + | .lexsidetable |
{ | { | ||
float:left; | float:left; | ||
− | + | max-width:308px; | |
+ | background-color:#262626; | ||
+ | text-align:left; | ||
} | } | ||
− | . | + | .lexsidehead |
{ | { | ||
− | + | padding-left:17px; | |
− | + | padding-top:5px; | |
− | width: | + | padding-bottom:8px; |
+ | text-align:left; | ||
+ | color:#FFFFFF; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | width:291px; | ||
+ | font-size:12px; | ||
+ | font-weight:600; | ||
+ | background-position:-321px -305px; | ||
+ | float:left; | ||
} | } | ||
− | + | #lexscrolldoves | |
{ | { | ||
− | background-position:- | + | top:308px; |
+ | left:528px; | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | width:74px; | ||
+ | height:71px; | ||
+ | background-position:-318px -118px; | ||
} | } | ||
− | + | #lexscrolldoves:hover | |
{ | { | ||
− | background-position:- | + | background-position:-391px -118px; |
} | } | ||
− | # | + | #lex-UIB-dove |
{ | { | ||
− | background-position:- | + | top:224px; |
+ | left:837px; | ||
+ | position:relative; | ||
+ | height:39px; | ||
+ | width:40px; | ||
+ | background-position:-375px -222px; | ||
+ | float:left; | ||
} | } | ||
− | # | + | #lex-blood-dove |
{ | { | ||
− | background-position:- | + | top:441px; |
+ | left:190px; | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | height:66px; | ||
+ | width:70px; | ||
+ | background-position:-106px -227px; | ||
} | } | ||
− | . | + | .lex-fave-head |
{ | { | ||
− | + | float:left; | |
− | + | text-align:left; | |
− | + | padding:10px 5px; | |
− | + | width:308px; | |
− | + | min-width:308px; | |
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | color:#FFFFFF; | ||
+ | font-size:12px; | ||
+ | font-weight:600; | ||
} | } |
Revision as of 12:37, 7 August 2011
.lexback { background:url(http://dl.dropbox.com/u/32668357/User_Lexar_Page_Items2.png) no-repeat; } #lexcontain { text-align:center; float:left; width:100%; min-width:940px; background:url(http://dl.dropbox.com/u/32668357/steam-back.png) repeat-x; background-color:#000000; height:auto; margin:auto; z-index:1; } #lexmain { display:inline-block; width:940px; min-width:940px; height:1100px; } .lextoptab { text-decoration:none; float:left; color:#999999; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:40px 9px 4px 9px; } .lextoptab:hover { color:#CCCCCC; } #lexbanner { width:940px; float:left; height:136px; } #lexbannerimg { background-repeat:no-repeat; z-index:1; height:95px; float:left; width:940px; background-position:0px 5px; } #lexbannermed { z-index:2; background-position:-965px 9px; background-repeat:no-repeat; width:796px; height:107px; float:left; } #lexbannerdove1 { float:left; z-index:3; width:26px; height:39px; background-position:-2px -131px; } #lexbannerdove2 { float:left; z-index:3; width:24px; height:39px; background-position:-61px -130px; } #lexbody { width:100%; float:left; } #lextab { float:left; height:35px; border-right:solid black 1px; background-color:#64605F; width:939px; } .lexbuttonlink { color:#FFFFFF; text-decoration:none; padding:11px 22px 10px 22px; font-weight:500; font-family:Arial, Helvetica, sans-serif; font-size:11px; } .lexbutton { float:left; padding:11px 0px 10px 0px; background-color:#64605F; z-index:1; text-align:center; border-right:solid black 1px; } .lexbutton:hover { background-color:#4D4B49; } .lexscrollpanel { height:353px; width:618px; float:left; background-color:#CCCCCC; } .lexscrollback { background:url(http://dl.dropbox.com/u/32668357/lexscrollback.jpg) no-repeat; } .lexscrollpanelhead { float:left; height:20px; width:605px; font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:31px; padding-top:7px; padding-left:13px; padding-bottom:58px; color:#FFFFFF; background:url(http://dl.dropbox.com/u/32668357/scrollback.png) repeat; } .lexscrollpanelimg { height:303px; float:left; } .lexscrollpanelcontent { } .lexcontenthead { width:616px; height:21px; background-position:-321px -334px; float:left; padding-left:17px; padding-top:5px; padding-bottom:0px; text-align:left; font-size:12px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; } .lexcontenttable { width:614px; float:left; background:#262626; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; border:solid #64605F 1px; } .lexsidetable { float:left; max-width:308px; background-color:#262626; text-align:left; } .lexsidehead { padding-left:17px; padding-top:5px; padding-bottom:8px; text-align:left; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; width:291px; font-size:12px; font-weight:600; background-position:-321px -305px; float:left; } #lexscrolldoves { top:308px; left:528px; position:relative; float:left; width:74px; height:71px; background-position:-318px -118px; } #lexscrolldoves:hover { background-position:-391px -118px; } #lex-UIB-dove { top:224px; left:837px; position:relative; height:39px; width:40px; background-position:-375px -222px; float:left; } #lex-blood-dove { top:441px; left:190px; position:relative; float:left; height:66px; width:70px; background-position:-106px -227px; } .lex-fave-head { float:left; text-align:left; padding:10px 5px; width:308px; min-width:308px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; font-weight:600; }