Difference between revisions of "User:Lexar/Page.css"

From Team Fortress Wiki
Jump to: navigation, search
(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;
background-color:#999999;
 
 
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;
background-color:#FFFFFF;
+
width:940px;
width:1000px;
+
min-width:940px;
min-width:1000px;
+
height:1100px;
 
}
 
}
#lexbannerback
+
.lextoptab
 
{
 
{
text-align:center;
+
text-decoration:none;
display:inline-block;
+
float:left;
width:500px;
+
color:#999999;
height:199px;
+
font-size:14px;
background-position:-16px -389px;
+
font-family:Arial, Helvetica, sans-serif;
background-repeat:no-repeat;
+
padding:40px 9px 4px 9px;
z-index:1;
 
 
}
 
}
#lexmedover
+
.lextoptab:hover
 
{
 
{
float:left;
+
color:#CCCCCC;
width:223px;
 
height:220px;
 
background-position:-517px -370px;
 
background-repeat:no-repeat;
 
z-index:2;
 
 
}
 
}
 
#lexbanner
 
#lexbanner
 
{
 
{
display:inline-block;
+
width:940px;
width:1000px;
+
float:left;
border-bottom:solid black 1px;
+
height:136px;
height:220px;
 
 
}
 
}
#lexbody
+
#lexbannerimg
 
{
 
{
 +
background-repeat:no-repeat;
 +
z-index:1;
 +
height:95px;
 
float:left;
 
float:left;
width:760px;
+
width:940px;
max-width:760px;
+
background-position:0px 5px;
 
}
 
}
.lexback
+
#lexbannermed
 
{
 
{
background:url('http://dl.dropbox.com/u/32668357/User_Lexar_Page_Images.png');
+
z-index:2;
 +
background-position:-965px 9px;
 +
background-repeat:no-repeat;
 +
width:796px;
 +
height:107px;
 +
float:left;
 
}
 
}
#lexwelcome
+
#lexbannerdove1
 
{
 
{
width:277px;
+
float:left;
height:40px;
+
z-index:3;
display:inline-block;
+
width:26px;
background-position:-57px -261px;
+
height:39px;
 +
background-position:-2px -131px;
 
}
 
}
.lextabledivshead
+
#lexbannerdove2
 
{
 
{
 
float:left;
 
float:left;
-moz-border-radius: 18px;
+
z-index:3;
border-radius: 18px;
+
width:24px;
border-bottom:solid black 4px;
+
height:39px;
width:760px;
+
background-position:-61px -130px;
height:35px;
 
 
}
 
}
.lextabledivs
+
#lexbody
 
{
 
{
border:solid black 4px;
+
width:100%;
width:760px;
 
 
float:left;
 
float:left;
-moz-border-radius: 18px;
 
border-radius: 18px;
 
 
}
 
}
.lextabledivshead
+
#lextab
 
{
 
{
width:715;
+
float:left;
height:35;
+
height:35px;
background-repeat:no-repeat;
+
border-right:solid black 1px;
 +
background-color:#64605F;
 +
width:939px;
 
}
 
}
.lex_class_button_border
+
.lexbuttonlink
 
{
 
{
float:left;
+
color:#FFFFFF;
width:130px;
+
text-decoration:none;
height:128px;
+
padding:11px 22px 10px 22px;
padding:11px;
+
font-weight:500;
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-size:11px;
 
}
 
}
.lex_class_button
+
.lexbutton
 
{
 
{
 +
float:left;
 +
padding:11px 0px 10px 0px;
 +
background-color:#64605F;
 
z-index:1;
 
z-index:1;
float:left;
+
text-align:center;
height:128px;
+
border-right:solid black 1px;
width:128px;
 
background-position:-151px -1px;
 
 
}
 
}
.lex_class_button:hover
+
.lexbutton:hover
 
{
 
{
background-position:-281px -1px;
+
background-color:#4D4B49;
 
}
 
}
.lex_loadout_button
+
.lexscrollpanel
 
{
 
{
z-index:1;
+
height:353px;
 +
width:618px;
 
float:left;
 
float:left;
height:128px;
+
background-color:#CCCCCC;
width:128px;
 
background-position:-153px -131px;
 
 
}
 
}
.lex_loadout_button:hover
+
.lexscrollback
 
{
 
{
background-position:-283px -131px;
+
background:url(http://dl.dropbox.com/u/32668357/lexscrollback.jpg) no-repeat;
 
}
 
}
.lexclassico
+
.lexscrollpanelhead
 
{
 
{
 
float:left;
 
float:left;
z-index:2;
+
height:20px;
width:128px;
+
width:605px;
height:53px;
+
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;
 
}
 
}
.lexclassbuttonname
+
.lexscrollpanelimg
 
{
 
{
 +
height:303px;
 
float:left;
 
float:left;
width:128px;
 
height:25px;
 
z-index:3;
 
 
}
 
}
.lexclassbuttonimg
+
.lexscrollpanelcontent
 
{
 
{
float:left;
 
z-index:3;
 
height:93px;
 
width:85px;
 
 
}
 
}
#lexside
+
.lexcontenthead
 
{
 
{
text-align:center;
+
width:616px;
 +
height:21px;
 +
background-position:-321px -334px;
 
float:left;
 
float:left;
width:225px;
+
padding-left:17px;
background-color:#B8383B;
+
padding-top:5px;
border:solid black 1px;
+
padding-bottom:0px;
padding:2px;
+
text-align:left;
 +
font-size:12px;
 +
color:#FFFFFF;
 +
font-family:Arial, Helvetica, sans-serif;
 
}
 
}
.lex_side_buttons
+
.lexcontenttable
 
{
 
{
z-index:1;
+
width:614px;
display:inline-block;
 
 
float:left;
 
float:left;
width:145px;
+
background:#262626;
height:30px;
+
font-size:14px;
 +
font-family:Arial, Helvetica, sans-serif;
 +
color:#FFFFFF;
 +
border:solid #64605F 1px;
 
}
 
}
.lex_side_buttons_padding
+
.lexsidetable
 
{
 
{
 
float:left;
 
float:left;
padding:2px 40px;
+
max-width:308px;
 +
background-color:#262626;
 +
text-align:left;
 
}
 
}
.lex_side_buttons_text
+
.lexsidehead
 
{
 
{
z-index:2;
+
padding-left:17px;
height:inherit;
+
padding-top:5px;
width:inherit;
+
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;
 
}
 
}
.lexsteam
+
#lexscrolldoves
 
{
 
{
background-position:-411px 0px;
+
top:308px;
 +
left:528px;
 +
position:relative;
 +
float:left;
 +
width:74px;
 +
height:71px;
 +
background-position:-318px -118px;
 
}
 
}
.lexsteam:hover
+
#lexscrolldoves:hover
 
{
 
{
background-position:-559px -1px;
+
background-position:-391px -118px;
 
}
 
}
#lextalk
+
#lex-UIB-dove
 
{
 
{
background-position:-412px -68px;
+
top:224px;
 +
left:837px;
 +
position:relative;
 +
height:39px;
 +
width:40px;
 +
background-position:-375px -222px;
 +
float:left;
 
}
 
}
#lextalk:hover
+
#lex-blood-dove
 
{
 
{
background-position:-560px -68px;
+
top:441px;
 +
left:190px;
 +
position:relative;
 +
float:left;
 +
height:66px;
 +
width:70px;
 +
background-position:-106px -227px;
 
}
 
}
.lexgeneral
+
.lex-fave-head
 
{
 
{
background-position:-411px -35px;
+
float:left;
}
+
text-align:left;
.lexgeneral:hover
+
padding:10px 5px;
{
+
width:308px;
background-position:-559px -35px;
+
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;
}