52
edits
No edit summary |
No edit summary |
||
Line 354: | Line 354: | ||
width: inherit; | width: inherit; | ||
} | } | ||
} | |||
/* Games Bar */ | |||
#sitenav-games { | |||
margin-bottom: 15px; | |||
} | |||
.secondary { | |||
width: 100%; | |||
/*background: #060805;*/ | |||
box-sizing: content-box; | |||
position: relative; | |||
top: 0; | |||
} | |||
.secondary * { | |||
box-sizing: content-box; | |||
} | |||
.secondary h2 { | |||
margin: 12px 0 12px | |||
} | |||
.secondary > ul { | |||
/*z-index: 10000;*/ | |||
position: relative; | |||
height: 70px; | |||
margin: 0px auto; | |||
padding: 0px; | |||
box-shadow: 0px 1px 2px #333; | |||
} | |||
.secondary ul li { | |||
list-style: none; | |||
float: left; | |||
} | |||
.secondary > ul li { | |||
display: block; | |||
width: 60px; | |||
height: 70px; | |||
} | |||
/* splitting pixels.. */ | |||
.secondary > ul > li:nth-child(even) { | |||
width: 61px; | |||
} | |||
.secondary .g19 { | |||
border-right: 0px; | |||
} | |||
.secondary > ul li a { | |||
display: block; | |||
background-repeat: no-repeat; | |||
background-position-y: 5px; | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.secondary > ul, .secondary > ul > li { | |||
border-right: 1px solid rgba(38, 96, 38, 0.4); | |||
background: #1C3E26; /* Old browsers */ | |||
background: -moz-linear-gradient(top, #1C3E26 0%, #000201 100%); /* FF3.6+ */ | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #000201)); /* Chrome,Safari4+ */ | |||
background: -webkit-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Chrome10+,Safari5.1+ */ | |||
background: -o-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Opera 11.10+ */ | |||
background: -ms-linear-gradient(top, #1C3E26 0%, #000201 100%); /* IE10+ */ | |||
background: linear-gradient(to bottom, #1C3E26 0%, #000201 100%); /* W3C */ | |||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#000201', GradientType=0); /* IE6-9 */ | |||
} | |||
.secondary > ul > li:hover { | |||
background: #C6E2C9; /* Old browsers */ | |||
background: -moz-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* FF3.6+ */ | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #C6E2C9)); /* Chrome,Safari4+ */ | |||
background: -webkit-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* Chrome10+,Safari5.1+ */ | |||
background: -o-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* Opera 11.10+ */ | |||
background: -ms-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* IE10+ */ | |||
background: linear-gradient(to bottom, #1C3E26 0%, #C6E2C9 100%); /* W3C */ | |||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#C6E2C9', GradientType=0); /* IE6-9 */ | |||
} | |||
/* wide game nav */ | |||
@media (min-width: 1280px) { | |||
.secondary { | |||
background: #1C3E26; /* Old browsers */ | |||
background: -moz-linear-gradient(top, #1C3E26 0%, #000201 100%); /* FF3.6+ */ | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #000201)); /* Chrome,Safari4+ */ | |||
background: -webkit-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Chrome10+,Safari5.1+ */ | |||
background: -o-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Opera 11.10+ */ | |||
background: -ms-linear-gradient(top, #1C3E26 0%, #000201 100%); /* IE10+ */ | |||
background: linear-gradient(to bottom, #1C3E26 0%, #000201 100%); /* W3C */ | |||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#000201', GradientType=0); /* IE6-9 */ | |||
box-shadow: 0px 1px 2px #333; | |||
} | |||
.secondary > ul { | |||
width: 1280px; | |||
margin: 0 auto; | |||
box-shadow: none; | |||
} | |||
.secondary > ul > li, | |||
.secondary > ul > li:nth-child(even) { | |||
width: 66px; | |||
} | |||
.secondary > ul > li:nth-child(4n+1) { | |||
width: 67px; | |||
} | |||
.secondary > ul li a { | |||
background-position-x: 3px; | |||
} | |||
} | |||
@media (min-width: 1440px) { | |||
.secondary > ul { | |||
width: 1440px; | |||
margin: 0 auto; | |||
box-shadow: none; | |||
} | |||
.secondary > ul > li, | |||
.secondary > ul > li:nth-child(even) { | |||
width: 75px; | |||
} | |||
.secondary > ul > li:nth-child(4n+1) { | |||
width: 74px; | |||
} | |||
.secondary > ul li a { | |||
background-position-x: 7px; | |||
} | |||
} | } |
edits