Line 69: |
Line 69: |
| height:150px; | | height:150px; |
| overflow-x:hidden; /*Hide bottom scroll because it's pointless*/ | | overflow-x:hidden; /*Hide bottom scroll because it's pointless*/ |
| + | } |
| + | |
| + | /*Front Page CSS - Experimental 2.0 electric boogaloo*/ |
| + | |
| + | /* CSS sheet for fp.html*/ |
| + | #widgetcontainer{ |
| + | |
| + | } |
| + | #leftcolumn{ |
| + | width:710px; |
| + | margin:auto; |
| + | } |
| + | #mainboxtext{ |
| + | font-weight:bold; |
| + | color:white; |
| + | padding:4px 4px 4px 4px; |
| + | font-size:20px; |
| + | font-family: Arial, Helvetica, sans-serif; |
| + | text-decoration:none; |
| + | } |
| + | |
| + | a.sortie{ |
| + | padding-right:10px; |
| + | float:left; |
| + | width:217px; |
| + | height:247px; |
| + | background:transparent url(skins/common/images/sortie.png) no-repeat; |
| + | background-position: 0 0; |
| + | display:block; |
| + | } |
| + | a.sortie:hover{ |
| + | background-position: 0 100%; |
| + | } |
| + | a.pvp{ |
| + | padding-right:10px; |
| + | float:left; |
| + | width:217px; |
| + | height:247px; |
| + | background:transparent url(skins/common/images/pvp.png) no-repeat; |
| + | background-position: 0 0; |
| + | display:block; |
| + | } |
| + | a.pvp:hover{ |
| + | background-position: 0 100% |
| + | } |
| + | #iconcontainer{ |
| + | background:url(skins/common/images/mainboxbg.jpg) no-repeat; |
| + | width:710px; |
| + | height:300px; |
| + | overflow:hidden; |
| + | border:0px solid #0099ff; |
| + | border-radius:16px; |
| + | border-bottom-right-radius:6px; |
| + | border-top-left-radius:6px; |
| + | overflow:hidden; |
| + | } |
| + | |
| + | a.exped{ |
| + | padding-right:10px; |
| + | float:left; |
| + | width:217px; |
| + | height:247px; |
| + | background:transparent url(skins/common/images/exped.png) no-repeat; |
| + | background-position: 0 0; |
| + | display:block; |
| + | } |
| + | a.exped:hover{ |
| + | background-position: 0 100%; |
| + | } |
| + | |
| + | a:link { |
| + | text-decoration:none; |
| + | } |
| + | a:hover { |
| + | text-decoration:none; |
| + | } |
| + | .eventbanner{ |
| + | |
| + | width:710px; |
| + | height:93px; |
| + | float:left; |
| + | background-position:0 0; |
| + | background:url(skins/common/images/banner.png) no-repeat; |
| + | display:block; |
| + | } |
| + | .eventbanner:hover{ |
| + | background-position:0 100%; |
| + | } |
| + | #eventbanner{ |
| + | text-align:center; |
| + | border:0px solid #a7d7f9; |
| + | border-bottom-left-radius:16px; |
| + | border-bottom-right-radius:8px; |
| + | |
| + | overflow:hidden; |
| + | width:710px; |
| + | height:93px; |
| + | } |
| + | #eventwrap{ |
| + | border:0px solid #b6b6b4; |
| + | border-top:0px; |
| + | width:710px; |
| + | border-bottom-left-radius:12px; |
| + | border-bottom-right-radius:4px; |
| + | margin-bottom:2%; |
| + | } |
| + | #eventinfo{ |
| + | text-align:center; |
| + | border-top-left-radius:4px; |
| + | border-top-right-radius:16px; |
| + | border:0px solid #b6b6b4; |
| + | /*border-bottom:0px;*/ |
| + | background:#3090c7; |
| + | font-weight:bold; |
| + | color:white; |
| + | padding:4px 4px 4px 4px; |
| + | font-size:20px; |
| + | font-family: Arial, Helvetica, sans-serif; |
| + | } |
| + | |
| + | #worldicons{ |
| + | width:710px; |
| + | border:0px solid #3090c7; |
| + | margin-top:2%; |
| + | text-align:center; |
| + | height:60px; |
| + | border-radius:4px; |
| + | border-top-left-radius:12px; |
| + | border-bottom-left-radius:12px; |
| + | background:transparent url(skins/common/images/worldbg.png) no-repeat; |
| + | |
| + | font-weight:bold; |
| + | color:black; |
| + | font-family: Arial, Helvetica, sans-serif; |
| + | text-decoration:none; |
| + | } |
| + | .wor1{ |
| + | margin:auto; |
| + | background: transparent url(skins/common/images/w1.png) no-repeat; |
| + | background-position:0 0; |
| + | display:block; |
| + | width:50px; |
| + | height:40px; |
| + | } |
| + | |
| + | .wor1:hover{ |
| + | background-position:0 100%; |
| + | } |
| + | .wor2{ |
| + | margin:auto; |
| + | background: transparent url(skins/common/images/w2.png) no-repeat; |
| + | background-position:0 0; |
| + | display:block; |
| + | width:50px; |
| + | height:40px; |
| + | } |
| + | |
| + | .wor2:hover{ |
| + | background-position:0 100%; |
| + | } |
| + | .wor3{ |
| + | margin:auto; |
| + | background: transparent url(skins/common/images/w3.png) no-repeat; |
| + | background-position:0 0; |
| + | display:block; |
| + | width:50px; |
| + | height:40px; |
| + | } |
| + | |
| + | .wor3:hover{ |
| + | background-position:0 100%; |
| + | } |
| + | .wor4{ |
| + | margin:auto; |
| + | background: transparent url(skins/common/images/w4.png) no-repeat; |
| + | background-position:0 0; |
| + | display:block; |
| + | width:50px; |
| + | height:40px; |
| + | } |
| + | |
| + | .wor4:hover{ |
| + | background-position:0 100%; |
| + | } |
| + | .wor5{ |
| + | margin:auto; |
| + | background: transparent url(skins/common/images/w5.png) no-repeat; |
| + | background-position:0 0; |
| + | display:block; |
| + | width:50px; |
| + | height:40px; |
| + | } |
| + | |
| + | .wor5:hover{ |
| + | background-position:0 100%; |
| + | } |
| + | .wor6{ |
| + | margin:auto; |
| + | background: transparent url(skins/common/images/w6.png) no-repeat; |
| + | background-position:0 0; |
| + | display:block; |
| + | width:50px; |
| + | height:40px; |
| + | } |
| + | |
| + | .wor6:hover{ |
| + | background-position:0 100%; |
| + | } |
| + | .wortext{ |
| + | font-size:16px; |
| + | /*background-color:#3090c7; |
| + | color:#3090c7; |
| + | text-decoration:none;*/ |
| + | color:black; |
| + | border-radius:6px; |
| + | padding:1px 4px 1px 4px; |
| + | } |
| + | |
| + | .wortext:hover{ |
| + | text-decoration:underline; |
| + | } |
| + | |
| + | #worlds{ |
| + | margin:auto; |
| + | width:118px; |
| + | float:left; |
| } | | } |
| | | |