/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) Uniform design of standard content elements
* (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
*
* @copyright Copyright 2005-2010, Dirk Jesse
* @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
* YAML-C (http://www.yaml.de/en/license/license-conditions.html)
* @link http://www.yaml.de
* @package yaml
* @version 3.2.1
* @revision $Revision:392 $
* @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
* @appdef yaml
*/
@media all
{
/**
* Fonts
*
* (en) global settings of font-families and font-sizes
* (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
*
* @section content-global-settings
*/
/* (en) reset font size for all elements to standard (16 Pixel) */
/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * { font-size:100.01%; }
/**
* (en) reset monospaced elements to font size 16px in all browsers
* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
*
* @see: http://webkit.org/blog/67/strange-medium/
*/
textarea, pre, code, kbd, samp, var, tt {
font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}
/* (en) base layout gets standard font size 12px */
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body {
font-family: 'open-sans', Verdana, Arial, Helvetica, sans-serif;
font-size:75.00%;
}
/*--- Headings | Überschriften ------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
margin:0 0 0px 0;
padding: 0 0 0 0;
font-family: 'mako', sans-serif;
font-weight: 100;
}
h1 { font-size:250%; } /* 30px */
h2 { font-size:40px; padding-top: 20px; text-transform: uppercase; } /* 24px */
h3 { font-size:28px; padding-bottom: 5px; padding-left: 0px; } /* 18px */
h4 { font-size:133.33%; } /* 16px */
h5 { font-size:116.67%; } /* 14px */
h6 { font-size:116.67%; } /* 14px */
/* --- Lists | Listen -------------------------------------------------------------------------------- */
ul, ol, dl { line-height:1.5em; margin:0 0 0 0; }
ul { list-style-type:disc; }
ul ul { list-style-type:circle; margin-bottom:0; }
ol { list-style-type:decimal; }
ol ol { list-style-type:lower-latin; margin-bottom:0; }
li { margin-left:1.6em; line-height:1.5em; }
dt { font-weight:bold; }
dd { margin:0 0 1em 0.8em; }
/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
p { line-height:1.5em; margin:0 0 0 0; }
blockquote, cite, q {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
blockquote { margin:0 0 1em 1.6em; }
strong,b { font-weight:bold; }
em,i { font-style:italic; }
big { font-size:116.667%; }
small { font-size:91.667%; }
pre { line-height:1.5em; margin:0 0 1em 0; }
pre, code, kbd, tt, samp, var { font-size:100%; }
kbd, samp, var, tt { font-weight:bold; }
var, dfn { font-style:italic; }
acronym, abbr {
border-bottom:1px #aaa dotted;
font-variant:small-caps;
letter-spacing:.07em;
cursor:help;
}
sub, sup { font-size:91.6667%; line-height:0; }
hr {
height: 60px !important;
margin: 0 0 0 0;
padding:0 0 0 0;
border:0;
clear: both;
background-repeat: no-repeat;
background-position: center;
}
.subcr { padding: 0; }
/**
* ------------------------------------------------------------------------------------------------- #
*
* Tables | Tabellen
*
* (en) Generic classes for table-width and design definition
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
*
* @section content-tables
*/
table { width:auto; margin-bottom: 10px; }
table caption { font-variant:small-caps; }
table.full { width:100%; }
table.fixed { table-layout:fixed; }
th,td { padding: 3px; border-bottom: 0px; }
thead th { }
tbody th { }
tbody th[scope="row"], tbody th.sub { }
tbody th { }
tbody td { }
tbody tr:hover th[scope="row"],
tbody tr:hover tbody th.sub { }
tbody tr:hover td { }
/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */
p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }
p.icaption_left img,
p.icaption_right img { padding:0; border:1px #888 solid; }
p.icaption_left strong,
p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }
/**
* ------------------------------------------------------------------------------------------------- #
*
* Generic Content Classes
*
* (en) standard classes for positioning and highlighting
* (de) Standardklassen zur Positionierung und Hervorhebung
*
* @section content-generic-classes
*/
.highlight { color:#c30; }
.dimmed { color:#888; }
.info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }
.note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
.important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
.warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }
.float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
.float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
.center { display:block; text-align:center; margin:0.5em auto; }
/**
* ------------------------------------------------------------------------------------------------- #
*
* Miscellaneous | Sonstiges
*
* @section content-misc
*/
/**
* (en) Emphasizing external Hyperlinks via CSS
* (de) Hervorhebung externer Hyperlinks mit CSS
*
* @section content-external-links
* @app-yaml-default disabled
*/
/*
#main a[href^="http://www.my-domain.com"],
#main a[href^="https://www.my-domain.com"]
{
padding-left:12px;
background-image:url('your_image.gif');
background-repeat:no-repeat;
background-position:0 0.45em;
}
*/
.three-col {
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
}
.two-col {
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
}
#header_logo {
position: absolute;
left: 224px;
top: 60px;
}
#header_brandlogo img {
width: 100%;
height: 100%;
}
#header_esl {
position: absolute;
left: 5px;
bottom: 18px;
z-index: 10;
}
/*--- Specific Content Stuff - PREPAGE ------------------------------------------------------------------------*/
#social {
position: relative;
height: 240px;
}
#social_follow_us {
position: absolute;
width: 375px;
height: 87px;
background-image: url(/images/emsone/hint_follow_us.png);
left: 10px;
top: 34px;
}
#social_circle {
position: absolute;
width: 609px;
height: 191px;
background-image: url(/images/emsone/hint_follow_us_circle.png);
left: 439px;
top: 0px;
}
#social_buttons {
position: absolute;
left: 120px;
top: 55px;
}
#social_buttons img {
margin: 15px;
}
#raidcall_watch {
position: absolute;
right:50px;
bottom:0px;
}
#raidcall_download {
margin-left: 40px;
}
#raidcall_download_logo {
}
#raidcall_download_button {
margin-top: 20px;
margin-left: 20px;
}
#footer_content {
padding: 20px;
}
.subcolumns {
}
.three-col {
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
}
.two-col {
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
}
.content {
margin-left: 50px;
margin-right: 50px;
}
#header_sub {
position: absolute;
bottom: 0px;
right: 0px;
height: 62px;
padding-left: 290px;
}
#header_menu {
position: absolute;
left: 0px;
top: 52px;
}
#header_menu_right {
position: absolute;
right:-10px;
width: 10px;
height: 56px;
bottom: 10px;
}
#header_menu ul {
margin: 0 0 0 291px;
padding: 0;
display: inline;
float: left;
border-left: 0px;
border-right: 0px;
}
#header_menu ul li {
border-left: 0px;
border-right: 0px;
display: inline;
float: left;
font-size: 12px;
list-style-type: none;
margin: 0;
position: relative;
bottom: 10px;
height: 56px;
}
#header_menu li a {
font-family: 'mako', sans-serif;
font-weight: normal;
text-decoration: none;
font-size: 12pt;
z-index: 100;
position: relative;
background: transparent;
display: block;
width: auto;
height: 40px;
padding: 20px 25px 0px 25px;
text-align: center;
}
.header_menu_prefixline {
position: absolute;
top: 8px;
font-size: 70%;
}
.header_menu_suffixline {
position: absolute;
bottom: -5px;
right: 10px;
font-size: 80%;
padding: 0 5px 0 5px;
text-transform: uppercase;
}
#header_submenu {
position: absolute;
right: 0px;
top: 10px;
}
#header_submenu ul {
margin: 0 0 0 0;
padding: 0;
display: inline;
float: left;
border-left: 0px;
border-right: 0px;
}
#header_submenu ul li {
border-left: 0px;
border-right: 0px;
display: inline;
float: left;
font-size: 12px;
list-style-type: none;
margin: 0;
position: relative;
bottom: 10px;
height: 10px;
}
#header_submenu li a {
font-family: 'mako', sans-serif;
font-weight: normal;
text-decoration: none;
font-size: 8pt;
z-index: 100;
position: relative;
background: transparent;
display: block;
height: 15px;
padding: 0px 10px 0px 10px;
text-align: right;
}
#header_submenu li a:hover {
text-decoration: underline;
}
#header_brandlogo {
position: absolute;
z-index: 10;
width: 491px;
height: 160px;
left: -210px;
}
#header_networklogo {
position: absolute;
z-index: 10;
width: 123px;
height: 76px;
right: 0px;
}
.stickit {
position: fixed !important;
top: 45px;
}
.stickit-end {
position: fixed !important;
top: 0;
}
/* The Table of Contents container element */
#toc_container {
width: 230px;
margin-left: -220px;
margin-top: -12px;
margin-top: 68px;
position: absolute;
z-index: 100;
text-align: right;
font-size: 13pt;
font-family: 'open-sans-condensed', sans-serif;
font-weight: 300;
text-transform: none;
}
/*
.toc_container_small {
margin-left: -187px !important;
font-size: 10pt !important;
}
.toc_item_small {
padding-right: 5px !important;
background-position: 26px !important;
}
.toc_active_small {
background-position: 26px !important;
}
*/
/*
$("#toc_container").css("margin-left","-220px");
$("#toc_container").css("font-size","13pt");
*/
#toc {
}
/* The Table of Contents is composed of multiple nested unordered lists. These styles remove the default styling of an unordered list because it is ugly. */
#toc ul, #toc li {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#toc .active {
}
#toc .item {
padding-right: 35px;
height: 24px;
overflow: hidden;
}
#toc_home {
width: 230px;
height: 24px;
}
#toc_home a {
width: 230px;
height: 24px;
display: block;
}
#toc a {
font-weight: normal;
}
#toc a:hover {
text-decoration: none;
}
/* Top level header elements */
.header {
text-indent: 0px;
text-align: right;
}
/* Top level subheader elements. These are the first nested items underneath a header element. */
.sub-header {
text-indent: 20px;
display: none;
}
/* Makes the font smaller for all subheader elements. */
.sub-header li {
font-size: 12px;
line-height: 100%;
}
/* Further indents second level subheader elements. */
.sub-header .sub-header {
text-indent: 30px;
}
/* Further indents third level subheader elements. You can continue this pattern if you have more nested elements. */
.sub-header .sub-header .sub-header {
text-indent: 40px;
}
/* Twitter Bootstrap Override Style */
.nav-list > li > a, .nav-list .nav-header {
margin: 0px;
}
/* Twitter Bootstrap Override Style */
.nav-list > li > a {
padding: 0px;
}
.csc-default {
position: relative;
}
#backgrounds {
width: 100%;
position: absolute;
z-index: -50;
}
#header_bg_wide {
width: 100%;
height: 108px;
left: 0px;
top: 0px;
margin-bottom: -10px;
z-index: -5;
}
#stage_big_bg{
z-index: -10;
display: none;
width: 100%;
height: 479px;
background-position: bottom;
}
#wallpaper_1 {
top: 98px;
height: 1145px;
}
#wallpaper_2 {
margin-top: 400px;
height: 1445px;
}
.wallpaper_bg {
z-index: -20;
width: 100%;
background-position: top center;
background-repeat: no-repeat;
}
#wallpapger_bg_container {
width: 100%;
height: 120%;
overflow: hidden;
position: absolute;
}
#footer_bg_wide {
position: relative;
width: 100%;
height: 428px;
left: 0px;
top: 0px;
z-index: -10;
margin-top: -290px;
}
#footer {
z-index: 100;
}
#stage_big{
position: relative;
height: 600px;
width: 100%;
}
#stage_medium{
position: relative;
height: 450px;
width: 100%;
}
#stage_small{
position: relative;
height: 330px;
width: 100%;
}
.contentbox_container {
font-size: 11pt;
}
.contentbox_top {
position: relative;
width: 100%;
height: 10px;
}
.contentbox_container h2 {
font-family: 'open-sans', times;
font-weight: normal;
text-decoration: none;
font-size: 38pt;
line-height: 38pt;
position: relative;
top: -25px;
left: -45px;
margin: 0 10px 0 0px;
padding: 25px 0 5px 70px;
height: 58px;
width: 120%;
}
.contentbox_container h3 {
font-family: 'open-sans', times;
font-weight: normal;
text-decoration: none;
font-size: 38pt;
line-height: 38pt;
position: relative;
margin: 0 0 10px 0;
padding: 0px 0 5px 27px;
}
.contentbox_container h2.only_toc {
display: none;
}
.contentbox_container h4 {
font-family: 'open-sans-condensed', times;
font-weight: normal;
text-decoration: none;
font-size: 17pt;
line-height: 20pt;
position: relative;
margin: 15px 0 0px 0;
padding: 0px 0 0px 0px;
}
.contentbox_center {
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
height: auto;
padding: 0 0 0 10px;
}
.contentbox_center_right {
top: 10px;
right: 0;
position: absolute;
width: 10px;
height: -moz-calc(100% - 54px);
height: -webkit-calc(100% - 54px);
height: calc(100% - 54px);
background-position:right;
}
.contentbox_center_right.big_connector {
height: -moz-calc(100% - 144px);
height: -webkit-calc(100% - 144px);
height: calc(100% - 144px);
}
.contentbox_center_right.no_connector {
height: -moz-calc(100% - 20px);
height: -webkit-calc(100% - 20px);
height: calc(100% - 20px);
}
.contentbox_center_ad {
position: relative;
width: 100%;
height: 600px;
padding: 0 0px;
}
.contentbox_center_ad.small {
height: 250px;
}
.contentbox_center_ad_right {
position: absolute;
right: 10px;
top: 0px;
height: 600px;
padding: 0 0px 0 10px;
overflow: hidden;
background-position: right;
}
.contentbox_center_ad_right.small {
height: 250px;
}
.contentbox_center_ad_right_inner {
height: 1200px;
width: 300px;
}
.contentbox_inner {
padding: 25px 45px 45px 45px;
overflow: hidden;
position: relative;
}
.contentbox_inner.ad {
width: -moz-calc(100% - 400px);
width: -webkit-calc(100% - 400px);
width: calc(100% - 400px);
height: -moz-calc(100% - 70px);
height: -webkit-calc(100% - 70px);
height: calc(100% - 70px);
padding: 25px 35px 45px 45px;
}
.contentbox_inner.ad h2 {
width: 100%;
margin-left: 10px;
}
.contentbox_inner.no_padding {
padding: 0;
}
.contentbox_inner.no_bottom_padding {
padding: 25px 45px 0px 45px;
}
.contentbox_inner.no_topbottom_padding {
padding: 0px 45px 0px 45px;
}
.contentbox_inner.no_top_padding {
padding: 0px 45px 45px 45px;
}
.contentbox_inner.no_padding h2 {
top: 0px;
left: 0px;
}
.contentbox_bottom {
position: relative;
width: 100%;
height: 10px;
}
.connector_container{
width: 100%;
position: relative;
}
.connector_small{
position: relative;
left: 133px;
width: 100px;
height: 34px;
}
.connector_small_content {
position: absolute;
right: 0px;
top: 0px;
width: 867px;
height: 14px;
padding: 10px;
}
.connector_big{
position: relative;
left: 133px;
width: 100px;
height: 124px;
}
.connector_big_content {
position: absolute;
right: 0px;
top: 0px;
width: 867px;
height: 104px;
padding: 10px;
}
#superbanner {
width: 728px;
height: 90px;
margin: 8px auto;
}
#fixed_panorama_1 {
width: 100%;
height: 200px;
background-image: url(../../images/panorama1.jpg);
background-position: center;
background-attachment:fixed;
background-repeat: no-repeat;
}
.eventinfos_basic_container {
position: absolute;
top: 30px;
right: 50px;
text-align: right;
line-height: 120%;
font-size: 10pt;
}
.eventinfos_shortinfo {
font-size: 120%;
margin-left: 26px;
}
#spotlight_one_upcoming_right_top {
padding: 0;
}
.currentandnextshow {
margin-top: 20px;
margin-bottom: 20px;
padding: 0 20px;
}
.currentandnextshow_title {
margin-top: 5px;
font-size: 150%;
}
.currentandnextshow_title img {
# display: none;
}
.currentandnextshow_title a:hover {
text-decoration: none;
}
.topstory-container {
position: relative;
margin: 0px 0px 0px 20px;
background-position: right;
background-repeat: no-repeat;
width: 100%;
height: 300px;
}
.topstory-item {
position: relative;
padding: 0px;
margin: 0;
float: left;
width: 33%;
margin-right: 1px;
background-repeat: no-repeat;
}
.topstory-item a {
}
.topstory-item a:hover, .topstory-item a:visited, .topstory-item a:active {
text-decoration: none;
}
.topstory-image img {
width: 100%;
height: auto;
}
.topstory-text-container {
padding: 5px 5px 5px 10px;
height: 114px;
overflow: hidden;
font-size: 10pt;
line-height: 12pt;
}
.topstory-date {
font-size: 8pt;
font-weight: bold;
padding: 7px;
}
.topstory-item h3 {
font-size: 19pt;
line-height: 18pt;
font-family: 'open-sans-condensed', times;
font-weight: normal;
text-decoration: none;
margin-bottom: 10px;
border: 0px;
padding: 0px;
pointer-events:none;
}
.topstory-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.teams_players_layout1_container {
width: 1100px;
}
.teams_players_layout1_item {
}
.teams_players_layout1_container ul {
margin: 0px;
}
.teams_players_layout1_container li {
display: inline;
float: left;
list-style-type: none;
position: relative;
margin: 0 17px 10px 0;
text-align:center;
width: 180px;
height: 390px;
padding: 1px;
}
.teams_players_layout1_item img {
width: 180px;
height: 240px;
}
.teams_players_layout1_addinfo_flag {
width: 12px !important;
height: 8px !important;
}
.teams_players_layout1_photo {
position: relative;
background-size: 180px 240px;
}
.teams_players_layout1_name {
margin-top: 5px;
font-size: 13pt;
font-family: 'open-sans-condensed', times;
font-weight: normal;
text-align:right;
}
.teams_players_layout1_position {
font-size: 13px;
height: 22px;
}
.teams_players_layout1_aka {
font-size: 13pt;
}
.teams_players_layout1_firstname {
line-height: 22px;
height: 23px;
}
.teams_players_layout1_lastname {
line-height: 20px;
}
.teams_players_layout1_nickname {
font-size: 16pt;
line-height: 22px;
width: 151px;
height: 25px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.teams_players_layout1_addinfos {
text-align:left;
font-size: 10px;
line-height: 12px;
margin-top: 10px;
padding: 6px;
}
.teams_players_layout1_addinfo {
width: 100px;
height: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.teams_players_layout1_addinfos hr {
background-image: none;
height: 7px !important;
margin: 0px 0px 7px 0px;
}
.teams_players_layout1_addinfo_title {
width: 65px;
float:left;
}
.teams_players_layout1_gameaccount_url {
}
.teams_players_layout1_facebook_url {
padding: 0px 0 0px 15px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 11px 11px;
background-image: url(/images/icons/link_icons_facebook.png);
}
.teams_players_layout1_twitter_url {
padding: 0px 0 0px 15px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 11px 11px;
background-image: url(/images/icons/link_icons_twitter.png);
}
.event_calendar_container {
position: relative;
width: 1002px;
margin: 0 auto;
}
.event_calendar_daytitles {
width: 1001px;
height: 20px;
}
.event_calendar_weekday {
display: block;
float: left;
width: 141px;
height: 20px;
padding: 0px;
margin: 0px;
font-size: 14px;
text-align:center;
font-family: 'open-sans-condensed', times;
font-weight: normal;
}
.event_calendar_month {
font-size: 24px;
text-align:center;
margin-bottom: 20px;
font-family: 'open-sans-condensed', times;
font-weight: normal;
}
.event_calendar_month a:hover {
text-decoration: none;
}
.event_calendar_nextprev_bottom {
margin-top: 20px;
text-align: center;
}
.event_calendar_nextprev_bottom a:hover {
text-decoration: none;
}
.event_calendar_month_container {
background-repeat: no-repeat;
width: 1008px;
height: 486px;
}
.event_calendar_month_container.bigmonth {
height: 566px;
}
.event_calendar_month_container {
}
.event_calendar_day {
position: relative;
float: left;
width: 142px;
height: 80px;
padding: 0px;
margin: 0px;
}
.event_calendar_day.passed {
background-repeat: no-repeat;
background-position: center;
}
.event_calendar_day.passed {
}
.event_calendar_day.today {
}
.event_calendar_daytitle {
position: absolute;
top: 3px;
left: 7px;
font-size: 18px;
font-family: 'open-sans-condensed', times;
font-weight: normal;
text-decoration: none;
}
.event_calendar_daytitle.lastmonthday {
}
.event_calendar_daytitle.nextmonthday {
}
.event_calendar_daytitle.today {
}
.event_calendar_overlay {
position: absolute;
width: 160px;
height: 120px;
left: -10px;
top: -10px;
background-position: center;
background-repeat: no-repeat;
}
.event_calendar_overlay.event {
}
.event_calendar_overlay.event_finals {
}
.event_calendar_event {
margin: 38px auto;
text-align: center;
font-size: 12px;
position: relative;
}
.event_calendar_overlay.event a,.event_calendar_overlay.event_finals a {
width: 140px;
height: 80px;
display: block;
margin: 10px 0 0 10px;
}
.event_calendar_shortinfo {
font-size: 75%;
line-height: 90%;
padding: 4px 3px 8px 3px;
overflow: hidden;
width: 136px;
height: 14px;
}
.slider_prev {
width: 44px;
height: 128px;
background-position: center;
}
.slider_next {
width: 44px;
height: 128px;
background-position: center;
}
.slides_container {
width:1000px;
display:none;
}
.slide {
width:1000px;
height:100px;
display:block;
}
.prev {
position: absolute;
left: -45px;
top: 0px;
}
.next {
position: absolute;
right: -45px;
top: 0px;
}
/*
Optional:
Show the current slide in the pagination
*/
.pagination {
position: relative;
margin: 10px 0 0 25px;
}
.pagination li {
float:left;
margin:0 1px;
list-style:none;
}
.pagination li a {
display:block;
width:16px;
height:0;
padding-top:16px;
background-position:0 0;
float:left;
overflow:hidden;
}
.pagination li.current a {
background-position:0 -16px;
}
.slidesjs-pagination {
position: relative;
margin: 10px 0 0 25px;
}
.slidesjs-pagination li {
float:left;
margin:0 1px;
list-style:none;
}
.slidesjs-pagination li a {
display:block;
width:16px;
height:0;
padding-top:16px;
background-position:0 0;
float:left;
overflow:hidden;
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {
background-position:0 -16px;
}
.slidesjs-navigation {
width: 44px;
height: 128px;
background-position: center;
}
.slidesjs-previous {
position: absolute;
left: -45px;
top: 0px;
}
.slidesjs-next {
position: absolute;
right: -45px;
top: 0px;
}
#spotlight_slot_3 h3 {
font-family: 'open-sans-condensed', times;
font-weight: normal;
font-size: 150%;
margin-left: 30px;
margin-top: 20px;
}
.spotlight_random_team_container {
position: relative;
margin: 0 10px 0 10px;
height: 148px;
top: 1px;
}
.spotlight_random_team_container:hover {
}
.spotlight_random_team_container a {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: -49px;
display: block;
}
.spotlight_random_team_layout1_logo {
position: absolute;
left: 10px;
top: 10px;
}
.spotlight_random_team_layout1_logo img {
width: 120px;
height: 120px;
}
.spotlight_random_team_layout1_flag {
position: absolute;
right: 0px;
top: 7px;
}
.spotlight_random_team_layout1_flag img {
width: 50px;
height: 30px;
}
.spotlight_random_team_layout1_name {
position: absolute;
left: 140px;
top: 10px;
font-family: 'open-sans-condensed', times;
font-weight: normal;
font-size: 150%;
text-transform: uppercase;
width: 140px;
line-height: 100%;
}
.spotlight_random_team_layout1_players {
position: absolute;
top: 54px;
left: 140px;
width: 185px;
height: 90px;
}
.spotlight_random_team_layout1_player {
float: left;
margin: 0 2px 2px 0;
background-size: 27px 37px;
}
.spotlight_random_team_layout1_player img {
width: 27px;
height: 37px;
}
.teasertext {
font-family: 'open-sans-condensed', times;
font-weight: normal;
font-size: 420%;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
}
.twitter_profile_boxes {
position: absolute;
top: 100px;
right: 50px;
}
.esltv_twitter_buzz_list {
margin-left:0px;
margin-top:20px;
height:110px;
font-size: 11px;
}
.esltv_twitter_buzz_item.boxes {
padding: 5px;
margin-right: 11px;
margin-bottom: 8px;
width: 185px;
display: inline-block;
}
.esltv_twitter_feed_livefeed_list {
font-size: 13px;
position: relative;
}
.esltv_twitter_feed_livefeed_item {
height: 11px;
}
.esltv_twitter_feed_livefeed_type {
display: none;
}
.esltv_twitter_feed_livefeed_datetime {
height: 30px;
padding-top: 4px;
}
.esltv_twitter_feed_livefeed_list li {
line-height: 100%;
}
.esltv_twitter_feed_livefeed_text {
line-height: 130%;
margin-right: 130px;
margin-left: 120px;
padding-top: 2px;
}
.esltv_twitter_feed_datetime {
float:left;
width:100px;
text-align:left;
margin-left: 0px;
padding-left: 0px;
}
.esltv_twitter_feed_livefeed_game {
display: none;
}
.esltv_twitter_feed_text {
clear: both;
}
.esltv_twitter_feed_pic img {
width: 20px;
height: 20px;
float: left;
margin-right: 5px;
margin-top: 3px;
}
.twitter_profile {
position: absolute;
right: 50px;
bottom: 20px;
}
.podium_layout1_container {
position: relative;
width: 1000px;
height: 450px;
}
.podium_layout1_team a {
width: 100%;
height: 100%;
display: block;
}
.podium_layout1_team a:hover {
}
.podium_layout1_info {
position: absolute;
width: 140px;
height: 60px;
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
}
.podium_layout1_info.team1 {
left: 59px;
bottom: -85px;
}
.podium_layout1_info.team2 {
left: 0px;
bottom: -110px;
}
.podium_layout1_info.team3 {
left: 0px;
bottom: -116px;
}
.podium_layout1_seasonstats_title {
font-size: 80%;
}
.podium_layout1_seasonstats_numbers {
font-size: 230%;
font-family: 'open-sans-condensed', times;
font-weight: normal;
text-decoration: none;
}
.podium_layout1_info .rank {
}
.podium_layout1_seasonstats_legend {
font-size: 60%;
}
.podium_layout1_currentpos {
position: absolute;
left: 0px;
top: 3px;
width: 70px;
text-align: center;
}
.podium_layout1_seasonstats {
position: absolute;
left: 70px;
width: 70px;
top: 3px;
text-align: center;
}
.podium_layout1_team1 {
position: absolute;
left: 380px;
top: 10px;
}
.podium_layout1_team1 img {
width: 250px;
height: 250px;
}
.podium_layout1_team2 {
position: absolute;
left: 197px;
top: 170px;
}
.podium_layout1_team2 img {
width: 150px;
height: 150px;
}
.podium_layout1_team3 {
position: absolute;
left: 657px;
top: 190px;
}
.podium_layout1_team3 img {
width: 150px;
height: 150px;
}
.matches_layout1_votestats {
position: absolute;
top: 45px;
right: 45px;
font-size: 180%;
font-family: 'open-sans-condensed', sans-serif;
font-weight: Extra-Light;
}
.language_container{
position: absolute;
top: 75px;
right: -12px;
}
.menu_secondary {
width: 282px;
overflow: hidden;
float: right;
display: inline;
position: relative;
z-index: 10;
background: transparent;
line-height: 0;
padding: 5px;
margin: 0px 0px 0px 2px;
top: 0px;
background: none;
cursor: pointer;
}
.menu_secondary_rolldown {
display: none;
z-index: 1000;
position: absolute;
top: 98px;
height: auto;
width: 180px;
background-color: #222;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #AAAAAA;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #AAAAAA;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #AAAAAA;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #2b323b;
color: #000;
padding: 0px;
right: 0px;
}
.menu_rolldown_languages ul {
margin-left: 5px;
margin-bottom: 5px;
}
.menu_rolldown_languages li {
padding: 0px;
}
.menu_secondary_rolldown a {
color: #ccc;
font-family: 'mako', sans-serif;
font-weight: normal;
text-decoration: none;
font-size: 14px;
display: block;
width: 164px;
height: 16px;
padding: 3px;
text-shadow: none;
border-bottom-style: none;
border-bottom-width: 0px;
border-bottom-color: #2b323b;
text-decoration: none;
}
.menu_secondary_rolldown a:hover {
background-color: #333;
}
.menu_secondary_rolldown a:visited {
color: #ccc;
}
.menu_rolldown_languages .flagicon {
margin-right: 0px;
margin-top: 1px;
float: right;
width: 25px;
height: 14px;
}
.partner_logos_container {
width: 750px;
height: 62px;
}
.partner_logos_container span {
display: inline-block;
}
.partner_logos_container a {
width: 100%;
height: 100%;
display: block;
}
.toc_bottom_inner {
margin-top: 5px;
padding-top: 5px;
height: 30px;
width: 195px;
}
.footer_column {
font-family: 'mako', sans-serif;
font-weight: 100;
float: left;
width: 180px;
}
.footer_column ul {
}
.footer_column ul li {
font-size: 12px;
list-style-type: none;
margin: 0;
padding-left: 10px;
font-size: 14px;
line-height: 15px;
#margin-bottom: 5px;
padding-bottom: 10px;
padding-top: 0px;
}
.footer_column a {
margin-right: 50px;
}
.footer_column h3 a {
font-size: 18px;
font-weight: bold;
}
.footer_column_container {
margin-bottom: 30px;
height: 160px;
width: 1100px;
margin: 0 auto;
}
.footer_bottom {
text-align: center;
margin-top: 20px;
}
.aseries_intro {
position: absolute;
top: 97px;
right: 272px;
font-size: 11px;
}
.biglinks {
font-family: 'open-sans-condensed', sans-serif;
font-size: 27px;
}
.biglinks a,.biglinks a:visited {
color: #ccc;
}
.biglinks a:hover {
color: #fff;
}
.about_person {
#font-size: 20px;
font-weight: bold;
}
.about_mission {
line-height: 180%;
margin-top: -20px;
}
.about_mission img {
width: 220px;
height: 240px;
float: right;
margin-top: 24px;
margin-left: 30px;
margin-right: 0px;
margin-bottom: 10px;
}
.about_mission_apo {
font-family: times;
font-size: 70px;
font-weight: bold;
margin-right: 10px;
}
.esltv_twitter_feed_list {
margin-top: 0px;
}
.esltv_twitter_feed_list li {
list-style-type: none;
line-height: 160%;
padding: 0 0 10px 0;
margin-left: 0px;
display: block;
float: left;
width: -moz-calc(33% - 24px);
width: -webkit-calc(33% - 24px);
width: calc(33% - 24px);
background-color: #111;
height: 102px;
font-size: 11px;
line-height: 13px;
margin-right: 2px;
margin-bottom: 2px;
padding: 10px;
}
.esltv_twitter_feed_text {
height: 80px;
overflow: hidden;
}
.esltv_twitter_feed_datetime a {
color: #333;
}
.flag_benelux, .flag_bg, .flag_br, .flag_cn, .flag_cz,
.flag_de, .flag_en, .flag_es, .flag_fr, .flag_gb,
.flag_global, .flag_gr, .flag_hispanic, .flag_hk, .flag_hu,
.flag_it, .flag_jp, .flag_kr, .flag_nl, .flag_no,
.flag_none, .flag_nordic, .flag_pl, .flag_pt, .flag_ro,
.flag_ru, .flag_se, .flag_sg, .flag_sk, .flag_th,
.flag_tl, .flag_tr, .flag_tw, .flag_us, .flag_vn,
.flag_za, .flag_rs, .flag_global
{ display: block; background: url('/images/sprites/flags.png') no-repeat; }
.flag_benelux { background-position: -2px -0px; width: 25px; height: 14px; }
.flag_bg { background-position: -2px -16px; width: 25px; height: 14px; }
.flag_br { background-position: -2px -32px; width: 25px; height: 14px; }
.flag_cn { background-position: -2px -48px; width: 25px; height: 14px; }
.flag_cz { background-position: -2px -64px; width: 25px; height: 14px; }
.flag_de { background-position: -2px -80px; width: 25px; height: 14px; }
.flag_en { background-position: -2px -96px; width: 25px; height: 14px; }
.flag_es { background-position: -2px -112px; width: 25px; height: 14px; }
.flag_fr { background-position: -2px -128px; width: 25px; height: 14px; }
.flag_gb { background-position: -2px -144px; width: 25px; height: 14px; }
.flag_global { background-position: -2px -160px; width: 25px; height: 14px; }
.flag_gr { background-position: -2px -176px; width: 25px; height: 14px; }
.flag_hispanic { background-position: -2px -192px; width: 25px; height: 14px; }
.flag_hk { background-position: -2px -208px; width: 25px; height: 14px; }
.flag_hu { background-position: -2px -224px; width: 25px; height: 14px; }
.flag_it { background-position: -2px -240px; width: 25px; height: 14px; }
.flag_jp { background-position: -2px -256px; width: 25px; height: 14px; }
.flag_kr { background-position: -2px -272px; width: 25px; height: 14px; }
.flag_nl { background-position: -2px -288px; width: 25px; height: 14px; }
.flag_no { background-position: -2px -304px; width: 25px; height: 14px; }
.flag_none { background-position: -2px -320px; width: 25px; height: 14px; }
.flag_nordic { background-position: -2px -336px; width: 25px; height: 14px; }
.flag_pl { background-position: -2px -352px; width: 25px; height: 14px; }
.flag_pt { background-position: -2px -368px; width: 25px; height: 14px; }
.flag_ro { background-position: -2px -384px; width: 25px; height: 14px; }
.flag_ru { background-position: -2px -400px; width: 25px; height: 14px; }
.flag_se { background-position: -2px -416px; width: 25px; height: 14px; }
.flag_sg { background-position: -2px -432px; width: 25px; height: 14px; }
.flag_sk { background-position: -2px -448px; width: 25px; height: 14px; }
.flag_th { background-position: -2px -464px; width: 25px; height: 14px; }
.flag_tl { background-position: -2px -480px; width: 25px; height: 14px; }
.flag_tr { background-position: -2px -496px; width: 25px; height: 14px; }
.flag_tw { background-position: -2px -512px; width: 25px; height: 14px; }
.flag_us { background-position: -2px -528px; width: 25px; height: 14px; }
.flag_vn { background-position: -2px -544px; width: 25px; height: 14px; }
.flag_za { background-position: -2px -560px; width: 25px; height: 14px; }
.flag_rs { background-position: -2px -576px; width: 23px; height: 15px; }
}
#main_menu .homebutton {
width: 20px;
height: 21px;
display: block;
background-image: url(/fileadmin/templates/propage2/proleague/images/menu_home.png);
margin: 10px auto;
}
.tier {
height: 90px;
width: 100%;
}
.tier.tier_high {
position: absolute;
top: -121px;
height: 100px;
z-index: 100;
}
.tier.tier_low {
#height: 70px;
}
.partner_logos_container {
height: auto;
}
#partner_logo_filler a:hover {
background-image: none !important;
}