html, body
{
height: 100%;
margin: 0;
padding: 0;
}
html
{
overflow-y:auto;
}
img#bg {
position: fixed;
left: 8px;
top:-10px;
width: 100%;
height: 110%;
z-index: -1;
}
#content {
position:static;
z-index:1;
}
#main
{
width:1024px;
margin: 10px auto;
}
/* top page area*/
#masthead
{
position:relative;
margin: 10px 20px;
height: 120px;
}
#logo
{
width: 100%;
height: 100%;
background: #008F09;
}
#masthead table
{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
}
#masthead table .left, .right
{
width:80px;
height:80px;
background: url(files/world-cup-soccer-ball.png) no-repeat;
}
#masthead table .left
{
/*position:absolute;*/
margin-left:50px;
}
#masthead table .right
{
float:right;
margin-right:50px;
}
#masthead table h1
{
width:100%;
text-align: center;
color: #ffffff;
font-family: Impact;
font-size: 280%;
font-style:italic;
}
/* information bar area */
#infobar
{
position:relative;
margin: 0px 20px;
height:30px;
background: #024583; /*#7C7C7C;*/
}
#infobar table
{
margin: auto;
width:100%;
}
#infobar table td
{
color: #ffffff;
font-family: Arial;
font-size: 95%;
font-weight:bold;
line-height:28px;
padding-left:10px;
padding-right:10px;
}
#mastbody
{
position:relative;
height:768px;
margin: 10px 20px;
}
#contentback {
width: 100%;
height: 100%;
/*background: #7C7C7C;*/
background: #2d2d30;
}
#mastbody2
{
position:absolute;
top:0px;
left:0px;
}
/* navbar section styles */
#navbar
{
margin: 20px;
width:200px;
background-color: transparent;
float:left;
}
#navbar table
{
width:100%;
margin: 0px;
padding: 0px;
}
#navbar table th
{
height:30px;
background: #006807;
border: 1px solid #ffffff;
font-family: Arial;
color: #ffffff;
font-size: 95%;
font-weight:bold;
text-align:center;
}
#navbar table td
{
height:32px;
border: 1px solid #ffffff;
font-family: Arial;
color: #000000;
font-size: 95%;
text-align:left;
}
#navbar table td a,
#navbar table td a:focus,
#navbar table td a:active {
width: 100%;
height: 100%;
text-decoration: none;
line-height: 32px;
color: #000000;
display:block;
}
#navbar table td a:hover
{
text-decoration: none;
line-height:32px;
color:#ffffff;
}
#navbar table .icon
{
width:30px;
border-right: 0px;
}
#navbar table .inside_a
{
margin-right:5px;
vertical-align:middle;
border-style:none;
}
#navbar table .btn {
cursor: pointer;
background: #333333;
}
#navbar table .btn a {
color: #ffffff;
}
#navbar table .btndis {
background: #ABABAB;
color: #7A7A7A;
display: none;
}
#navbar table .btn:hover, #navbar table .btnsel {
cursor: pointer;
/*background: #008F09;
background: #007acc;*/
background: #024583;
color: #ffffff;
}
#navbar table .btn:hover a, #navbar table .btnsel a {
color: #ffffff;
}
#navbar .btnicon
{
width:24px;
height:24px;
margin-left:3px;
}
#navbar .btntext
{
border-left: 0px;
}
/* content area styles */
#tbcnt
{
position:relative;
width:724px;
margin: 20px 20px 20px 0px;
background-color: transparent;
float:left;
}
.tbhead
{
/*margin: 5px 20px;*/
background-color: #008F09;
color:#ffff00;
font-family: Impact;
font-size: 120%;
font-weight:normal;
}
.blackwindow
{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
background-color:Black;
z-index:1000;
}
.disable-anchor-link {
pointer-events: none;
}
#rulesel p
{
margin:3px;
}
.rad10
{
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
}
.rad5
{
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
}
.even{ background-color:#fff; }/*row bg alternating color*/
.odd{ background-color:#f4f4f4; }/*row bg alternating color*/
.even, .odd
{
font-family: Arial;
font-size: 75%;
}
.padleft5
{
padding-left:5px;
}
.padleft10
{
padding-left:10px;
}
.hide
{
display:none;
}
.invisible, .hidden
{
visibility:hidden;
}
.text1
{
font-family: Arial;
color: #000000;
font-size: 80%;
}
.text2
{
font-family: Arial;
color: #000000;
font-size: 90%;
}
.text3
{
color: #ffffff;
font-family: Arial;
font-size: 95%;
font-weight:bold;
}
.flag
{
width: 32px;
height:20px;
background-image:url(files/flags.gif);
background-repeat: no-repeat;
}
.new_message
{
font-family: Arial;
font-size: 80%;
color: #ffffff;
position:absolute;
left:200px;
top:185px;
width:150px;
height:80px;
background-image:url('files/bg_tooltip_small.png');
background-repeat:no-repeat;
padding:13px 15px;
z-index:100;
}
.height30 {
height:30px;
}
/* Rosa Squadra */
div.team-players {
width: 90%;
height: 1100px;
margin: 0px auto;
font-family: Arial;
font-size: 120%;
font-weight: bold;
color: #ffffff;
background: url('../../resources/campo_vertical.png') no-repeat;
background-size: 650px;
padding-top: 8px;
}
.team-players > div {
width:90px;
padding:3px;
background-color: rgba(51, 51, 51, 0.5);
border-radius: 5px;
margin: auto;
}
.team-players-tb {
width:95%;
margin:6px auto;
}
.team-players-tb > tbody > tr {
height:45px;
}
.team-players-tb th div {
font-family: Arial;
font-weight: normal;
font-size: 100%;
width: 50%;
padding: 5px 0px;
background-color: rgba(51, 51, 51, 0.5);
border-radius: 5px;
margin: auto;
}
.team-players-avatar, .team-players-col-avatar {
width: 30px;
height: auto;
}
.team-players-name {
font-size: 80%;
font-weight: normal;
text-align: left;
margin-left: 10px;
width: 100%;
}
.team-players-team {
font-size: 70%;
font-weight: normal;
text-align: left;
margin-left: 10px;
width: 100%;
color: #1e1e1e;
}
.team-players-price {
font-size: 90%;
font-weight: normal;
text-align: center;
width: 100%;
}
.team-players-col-avatar {
background-color: rgba(51, 51, 51, 0.5);
border-radius: 5px;
}
.team-players-col-name {
width: 230px;
background-color: rgba(51, 51, 51, 0.5);
border-radius: 5px;
}
.team-players-col-price {
background-color: rgba(51, 51, 51, 0.5);
border-radius: 5px;
width: 50px;
}
.team-players-col-empty {
display:block;
}