/** ** OUTLINE ** a] GLOBALS b] PAGE BACKGROUNDS c] STRUCTURE 1] header/nav 2] footer d] GENERAL PAGES e] COMMON WIDGETS f] HOMEPAGE 1] content 2] anything slider 3] promo block g] CHARACTER PAGES 1] main 2] single character h] CATEGORY PAGES i] MEDIA 1] gallery pages 2] fancybox j] BASIC PAGES 1] articles page 2] vip page 3] quickstart page 4] download page h] AUTH **/ /* Global Variables */ /* Mixins */ /* - GLOBALS ---------------------------------------------- */ /* -------------------------------------------------------- */ body { font-family: Trebuchet MS, arial, helvetica, sans-serif; background: none no-repeat center top #000; color: #fff; min-width: 1024px; background-image: url(../images/page-backgrounds/articles.jpg); } body.front { background-image: none; } a { color: #e9e2ba; outline: none !important; } a:hover { color: #fbfaca; } a:active { background-color: transparent; /* IE10 fix */ } h1, h2, h3, h4, h5 { font-family: 'GoudyTrajan'; font-weight: bold; -webkit-font-smoothing: antialiased; -webkit-text-stroke: rgba(255, 255, 255, 0.1) 0.1px; } h1 a, h2 a, h3 a, h4 a, h5 a { color: #fff; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color: #fbfaca; } h1 { margin: 4px 0; font-size: 30px; } h2 { margin: 0; line-height: 1; } ul li:first-child, ul li:last-child { margin: 0; } .page ul li:first-child, .page ul li:last-child { margin: 0; } ul.menu li, ul.list-item li { margin: 0; } table { width: 100%; margin-bottom: 1.5em; } .orange-stroke-text, #character-wrap figcaption h2, #character-info h2, .scroller li.offset_0, .node-spinner-pane h2, .menu-features .node-spinner-pane h2, body.page-media h2, body.node-type-gallery h2, .gallery .gallery-links .active a { color: #F8F3BD; text-shadow: 2px 2px 3px black; } .lt-ie10 .orange-stroke-text, .lt-ie10 #character-wrap figcaption h2, #character-wrap figcaption .lt-ie10 h2, .lt-ie10 #character-info h2, #character-info .lt-ie10 h2, .lt-ie10 .scroller li.offset_0, .scroller .lt-ie10 li.offset_0, .lt-ie10 .node-spinner-pane h2, .node-spinner-pane .lt-ie10 h2, .lt-ie10 body.page-media h2, body.page-media .lt-ie10 h2, .lt-ie10 body.node-type-gallery h2, body.node-type-gallery .lt-ie10 h2, .lt-ie10 .gallery .gallery-links .active a, .gallery .gallery-links .active .lt-ie10 a { filter: progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2); } p { margin-top: 3px; } section { border: 0; background: transparent; padding: 0; } .no-cookies { display: none; } div.warning-bar.warning { background-color: #FFC1C1; background-image: none; color: #000; font-weight: bold; opacity: 1; text-align: center; line-height: 30px; min-height: 30px; min-width: 295px; padding: 0 1em; width: 100%; border: 3px solid #FF7777; position: relative; } div.warning-bar.warning .warning-bar-inner { margin: 0 auto; padding: 3px; position: relative; text-align: center; width: 920px; } .breadcrumbs { font-size: 9px; margin: 1em 0; text-shadow: 0 0 6px #000; } .breadcrumbs a { color: #fff; } .breadcrumbs a:hover { color: #fbfaca; } .column { width: 1024px; border-spacing: 0; } .front .page-wrap .one.column { width: 100%; } .content { width: 1024px; margin: 0 auto 1.5em auto; } .content h2, .content h3 { color: #ba852d; } .page { position: relative; } .not-front .column.one { width: 1024px; margin: auto; } .pagecontent { min-height: 680px; } body > div > header { margin-top: 0; } .relative-wrap > hgroup { margin-left: 300px; } hgroup > h1 { position: relative; margin-bottom: 16px; font-family: GoudyTrajan-Medium; text-shadow: 0 0 20px black, 0 0 8px rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2); } body.page-media hgroup > h1 { margin-bottom: 0; } hgroup > h2 { font-size: 1.5em; } hgroup > h1:before { position: absolute; z-index: 1; bottom: -16px; left: -65px; width: 100%; height: 71px; /* background: url(../images/global/header-decor.png) no-repeat 0 0; */ content: ""; display: block; } .lt-ie9 hgroup > h1:before { display: none; } .views-view-grid a, .views-row a { font-family: GoudyTrajan-Medium; font-size: 18px; line-height: 2; text-decoration: none; } .errors > li, li.error { color: #000; } /* - FORUMS ------------------------------------- */ /* -------------------------------------------------------- */ .vb a, .vb .postdetails a:hover, .vb .postdetails a:link, .vb .postdetails a:visited, .vb .userinfo a:hover, .vb .userinfo a:link, .vb .userinfo a:visited, .vb .postbody .postrow a:hover, .vb .postbody .postrow a:link, .vb .postbody .postrow a:visited, .vb .activitybit a:hover, .vb .activitybit a:link, .vb .activitybit a:visited { color: #e9e2ba; } .vb ul li:first-child, .vb ul li:last-child, .vb ul li { margin-left: .25em; } .vb .above_body, .vb .body_wrapper, .vb .below_body { margin: 0 auto; width: 90%; } .vb .above_body { margin-top: 40px; } .vb .below_body { margin-bottom: 30px; border: 3px solid black; border-top: none; } .vb #navbar, .vb .body_wrapper, .vb .below_body, .vb .breadcrumb, .vb .notices li, .vb .popupbody, .vb .announcements .announcerow, .vb .announcerow .announceinfo, .vb .announcerow .announcement, .vb .threadbit .sticky, .vb .doc_header .toplinks .isuser, .vb #usercp_nav .blockrow { background: #333; } .vb .breadcrumb li { margin-left: 0; } .vb .time { color: inherit; } .vb .content { width: auto; } .vb .above_threadlist .threadpagenav { bottom: auto; } .vb .threadbit .pagination { display: block; } .vb .pagination span a, .vb .pagination span a.popupctrl, .vb .bbcode_container div.bbcode_quote, .vb .newcontent_textcontrol, .vb a.textcontrol, .vb .textcontrols a:hover, .vb a:hover.textcontrol { color: #000 !important; border-color: #333 !important; background-color: #fff !important; } .postbitlegacy .postfoot .textcontrols a.report, .postbit .postfoot .textcontrols a.report, .postbitlegacy .postfoot .textcontrols a.report:hover, .postbit .postfoot .textcontrols a.report:hover { padding-left: 15px; background-color: #fff; } .postbitlegacy .postfoot .textcontrols a.editpost, .postbit .postfoot .textcontrols a.editpost, .eventbit .eventfoot .textcontrols a.editevent, .postbitlegacy .postfoot .textcontrols a.editpost:hover, .postbit .postfoot .textcontrols a.editpost:hover, .eventbit .eventfoot .textcontrols a.editevent:hover, .postbitlegacy .postfoot .textcontrols a.quickreply, .postbit .postfoot .textcontrols a.quickreply, .postbitlegacy .postfoot .textcontrols a.forwardpost, .postbit .postfoot .textcontrols a.forwardpost, .postbitlegacy .postfoot .textcontrols a.quickreply:hover, .postbit .postfoot .textcontrols a.quickreply:hover, .postbitlegacy .postfoot .textcontrols a.forwardpost:hover, .postbit .postfoot .textcontrols a.forwardpost:hover, .postbitlegacy .postfoot .textcontrols a, .postbit .postfoot .textcontrols a, .postbitlegacy .postfoot .textcontrols a.newreply, .postbit .postfoot .textcontrols a.newreply, .postbitlegacy .postfoot .textcontrols a:hover, .postbit .postfoot .textcontrols a:hover, .postbitlegacy .postfoot .textcontrols a.newreply:hover, .postbit .postfoot .textcontrols a.newreply:hover, .postbitlegacy .postfoot .textcontrols a.multiquote, .postbit .postfoot .textcontrols a.multiquote, .postbitlegacy .postfoot .textcontrols a.multiquote:hover, .postbit .postfoot .textcontrols a.multiquote:hover { padding: 5px 5px 5px 20px; background-color: #fff; border-radius: 3px; } .vb .pagination span.selected a, .vb #usercp_nav .blockrow, .vb #usercp_nav .blockbody { background-color: #000; border-color: #333; } .vb .bbcode_container .bbcode_quote_container, .vb #usercp_nav hr { display: none; } .vb .toplinks { position: relative; } .vb .doc_header .toplinks { top: auto; right: auto; } .forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow, .forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow, .vb .formcontrols .section, .vb .formcontrols.blockbody, .vb .navlinks, .toolsmenu, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored, .threadbit .alt, .postbitlegacy .postdetails, .eventbit .eventdetails, .postbitlegacy .userinfo, .postbitlegacy .postbody, .eventbit .eventdetails .eventbody, .postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols, .vb .content, .popupbody li a, .popupbody li label, .popupbody li.formsubmit .submitoptions label, .popupbody li.formsubmit .advancedsearchlink a, .formcontrols .blockrow, .vb li.activitybit { color: #fff; background: none; } .vb .navlinks, .wgo_block .blockbody, .toolsmenu { border: none; } .wgo_block .blocksubhead, .postbit .posttitle, .postbitlegacy .title { color: #e9e2ba; } .toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active { color: #fff; } .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored { border-color: #666; } .vb .forum_info .blockbody { padding: 10px; } .postbitlegacy .postfoot .textcontrols a, .postbit .postfoot .textcontrols a, .postbitlegacy .postfoot .textcontrols a.newreply, .postbit .postfoot .textcontrols a.newreply { background-color: none; } /* - PAGE BACKGROUNDS ------------------------------------- */ /* -------------------------------------------------------- */ body[class*='node-type-character-select-page'] { background-image: url(../images/page-backgrounds/wraith-background.jpg); } body[class*='node-type-race'] { background-image: url(../images/page-backgrounds/wraith-zoom-background.jpg); } body[class*='menu-game'] { background-image: url(../images/page-backgrounds/minas-tirith-background.jpg); } body[class*='menu-community'] { background-image: url(../images/page-backgrounds/autumn-ruins-background.jpg); } body[class*='menu-explore'] { background-image: url(../images/page-backgrounds/golden-wood-background.jpg); } body[class*='page-media'], body[class*='node-type-gallery'] { background-image: url(../images/page-backgrounds/auth.jpg); } body[class*='menu-quickstart'] { background-image: url(../images/page-backgrounds/quickstart-guide.jpg); } body[class*='menu-store'] { background-image: url(../images/page-backgrounds/store-guide.jpg); } body[class*='menu-vip'] { background-image: url(../images/page-backgrounds/become-a-vip.jpg); } body[class*='menu-download'] { background-image: url(../images/page-backgrounds/download.jpg); } body[class*='page-news'], body[class*='node-type-news'] { background-image: url(../images/page-backgrounds/articles.jpg); } body.page-node-60, #vbulletin_html body { background-image: url(../images/page-backgrounds/community.jpg); } body[id*='auth-login-index'], body[id*='auth-login-wbid'], body[id*='web-layout-password-default'], body[id*='registration-community-index'], body[id*='password-forgot-index'], body[id*='password-forgot-success'], body[id*='password-forgot-wbid'], body[id*='password-reset-index'], body[id*='password-reset-wbid'], body[id*='password-reset-success'], body[id*='auth-registration'] { background-image: url(../images/page-backgrounds/auth.jpg); } /*body[id*='auth-login'], body[id*='web-layout-password-default']{background-image: none;}*/ /* error page */ /* body[class*='page-node-4'], body[class*='page-node-5'], body[class*='page-node-6'] { background-image: url(../images/page-backgrounds/error-page.jpg); } body[class*='page-node-4'] #page-title, body[class*='page-node-4'] .breadcrumbs, body[class*='page-node-4'] .action-links, body[class*='page-node-5'] #page-title, body[class*='page-node-5'] .breadcrumbs, body[class*='page-node-5'] .action-links, body[class*='page-node-6'] #page-title, body[class*='page-node-6'] .breadcrumbs, body[class*='page-node-6'] .action-links { display: none; } body[class*='page-node-4'] .node-page, body[class*='page-node-4'] #character-info, body[class*='page-node-4'] .page-media .content > .media, .page-media body[class*='page-node-4'] .content > .media, body[class*='page-node-5'] .node-page, body[class*='page-node-5'] #character-info, body[class*='page-node-5'] .page-media .content > .media, .page-media body[class*='page-node-5'] .content > .media, body[class*='page-node-6'] .node-page, body[class*='page-node-6'] #character-info, body[class*='page-node-6'] .page-media .content > .media, .page-media body[class*='page-node-6'] .content > .media { border: 0; background: transparent; margin-top: 300px; color: #f8f3bd; } body[class*='page-node-4'] .node-page h2, body[class*='page-node-4'] #character-info h2, body[class*='page-node-4'] .page-media .content > .media h2, .page-media body[class*='page-node-4'] .content > .media h2, body[class*='page-node-5'] .node-page h2, body[class*='page-node-5'] #character-info h2, body[class*='page-node-5'] .page-media .content > .media h2, .page-media body[class*='page-node-5'] .content > .media h2, body[class*='page-node-6'] .node-page h2, body[class*='page-node-6'] #character-info h2, body[class*='page-node-6'] .page-media .content > .media h2, .page-media body[class*='page-node-6'] .content > .media h2 { font-size: 60px; text-shadow: 1px 1px 8px #7B310C, 1px 1px 10px #7B310C; } body[class*='page-node-4'] .node-page h2 b, body[class*='page-node-4'] #character-info h2 b, body[class*='page-node-4'] .page-media .content > .media h2 b, .page-media body[class*='page-node-4'] .content > .media h2 b, body[class*='page-node-5'] .node-page h2 b, body[class*='page-node-5'] #character-info h2 b, body[class*='page-node-5'] .page-media .content > .media h2 b, .page-media body[class*='page-node-5'] .content > .media h2 b, body[class*='page-node-6'] .node-page h2 b, body[class*='page-node-6'] #character-info h2 b, body[class*='page-node-6'] .page-media .content > .media h2 b, .page-media body[class*='page-node-6'] .content > .media h2 b { display: block; margin-left: 80px; font-size: 68px; } body[class*='page-node-4'] .node-page p, body[class*='page-node-4'] #character-info p, body[class*='page-node-4'] .page-media .content > .media p, .page-media body[class*='page-node-4'] .content > .media p, body[class*='page-node-5'] .node-page p, body[class*='page-node-5'] #character-info p, body[class*='page-node-5'] .page-media .content > .media p, .page-media body[class*='page-node-5'] .content > .media p, body[class*='page-node-6'] .node-page p, body[class*='page-node-6'] #character-info p, body[class*='page-node-6'] .page-media .content > .media p, .page-media body[class*='page-node-6'] .content > .media p { margin-left: 82px; text-shadow: 1px 1px 2px #7B310C, 1px 1px 3px #7B310C; } */ /* - STRUCTURE -------------------------------------------- */ /* -------------------------------------------------------- */ /* -------------------------------------------------------- */ /* - header/nav ------------------------------------------- */ /* -------------------------------------------------------- */ body > #userbar { background-color: #000; background: url(../images/headerbar2.png) repeat-x center top; } body > div > div > header > nav > a:first-child { width: 244px; height: 121px; outline: none; background-position: 100% 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding-left: 1.5em; } html[lang="en"] header.character > .logo, html[lang="en"] .header-wrap > header > nav > a:first-child { background-image: url(../images/logo-ddo-en2.png); } html[lang="fr"] header.character > .logo, html[lang="fr"] .header-wrap > header > nav > a:first-child { background-image: url(../images/logo-ddo-fr2.png); } html[lang="de"] header.character > .logo, html[lang="de"] .header-wrap > header > nav > a:first-child { background-image: url(../images/logo-ddo-de2.png); } .header-wrap { margin-bottom: 30px; position: relative; background: url(../images/headerbar2.png) repeat-x center top; width: 100%; box-shadow: 0 0 16px 2px black; } .front .header-wrap { margin-bottom: 0; z-index: 1; } .header-wrap > header > nav > a:first-child { position: absolute; z-index: 1000; width: 244px; height: 115px; left: 0; } .header-wrap > header { height: 70px; position: relative; z-index: 101; letter-spacing: auto; padding: 0; margin: 0 auto; width: 1024px; } .header-wrap > header > nav { float: left; width: 100%; height: 100%; } .header-wrap > header > nav > ul { padding-left: 300px; white-space: nowrap; } .navmenu > li > ul { background-color: rgba(0, 0, 0, 0.9); /*background-color: rgba(0, 0, 0, .75);*/ left: 29px; top: 100%; opacity: 0; -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, 0.59); -moz-box-shadow: 0 9px 13px rgba(0, 0, 0, 0.59); box-shadow: 0 9px 13px rgba(0, 0, 0, 0.59); border-width: 0 1px 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.75); -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; min-width: 224px; width: auto; padding: 12px 0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; } .lt-ie9 .navmenu > li > ul { background: url(../images/transparent-black-90.png) repeat transparent; } .lt-ie9 .navmenu > li > ul { border-color: white; } .navmenu > li { list-style-type: none; } .navmenu > li > .navmenu > li { float: none; } .navmenu > li:first-child > ul { left: -11px; } ul.navmenu > li > a:hover + ul { display: block; } .navmenu > li:hover > ul li:hover { background: none; } ul.navmenu a { font-size: 17px; padding: 8px 12px; text-decoration: none; color: #e9e2ba; /* pale gold */ font-family: 'GoudyTrajan'; font-weight: bold; } ul.navmenu > li:hover > a, ul.navmenu li li a:hover, ul.navmenu a.menu-active { text-shadow: 0px 0px 6px #e9e2ba, 0px 0px 3px #e9e2ba; color: #fffff1; } nav.main > ul.navmenu > li > a.game-account-signup { padding-right: 50px; } nav.main > ul.navmenu > li > a.game-account-signup:after { position: absolute; width: 50px; height: 62px; top: 10px; right: -5px; background: url(../images/the-one-ring.png) no-repeat 0 0; content: ""; } nav.main > ul.navmenu > li > a { line-height: 60px; padding: 10px 0 0; display: block; margin: 0; } ul.navmenu > li > ul > li > a { font-size: 15px; white-space: nowrap; display: block; } .navmenu .navmenu .navmenu { display:none; } /* prevent 3rd-tier menu items in the nav from appearing */ body div header nav.main > ul > li { position: relative; padding-left: 40px; background: url(../images/nav-item-divider.png) 16px 50% no-repeat; } body div header nav.main > ul > li:first-child { padding-left: 0; background: none; } ul.navmenu > li > ul li { padding: 0; } nav.main aside div.content a { white-space: nowrap; } /* prevent collapse of container due to wrapping inline text */ .front .five.column { margin-top: 650px; } /* page-node-5 is the error page */ body[class*='page-media'] #block-system-main > .content > * { margin-left: 280px; } #block-system-main .content .content { width: auto; } /* -------------------------------------------------------- */ /* - footer ----------------------------------------------- */ /* -------------------------------------------------------- */ .page-wrap, .footer-wrap { width: 100%; } .front .page-wrap { position: relative; margin-bottom: 20px; } .front .footer-wrap { position: relative; z-index: 10; /* footer must sit on top of slider graphic */ margin-top: -447px; padding-top: 424px; } .footer-wrap { background-image: url(../images/footer-border.png), url(../images/footer-background-2.png); background-repeat: repeat-x, no-repeat; background-position: 0 0, 50% 0; padding-top: 176px; } .not-front .footer-wrap, .vb .footer-wrap, .character .footer-wrap, .account .footer-wrap { padding-top: 1px; height: 365px; } body > div > div > footer { line-height: normal; width: 1024px; margin-bottom: 0; padding-bottom: 0; } .footer-wrap a, .footer-wrap p { color: #666; font-size: 1.2em; font-family: arial, helvetica, san-serif; font-weight: 700; } .footer-wrap a { text-decoration: none; font-variant: normal; } .page > div > footer a:hover { color: #bdbdbd; } .language { display: none; margin: 0; padding-bottom: 1em; background: url(../images/global/footer-divider.png) no-repeat 50% 100%; } .language > nav > ul > li { margin: 0 1em; } .language > nav > ul > li, footer .legal_links a { position: relative; } .language > nav > ul > li:first-child:before, footer .legal_links a:first-child:before { display: none; } .language > nav > ul > li:before, footer .legal_links a:before { content: '\25CF'; position: absolute; color: #666; } .language > nav > ul > li:before { left: -1.25em; font-size: 1.2em; line-height: 1.4em; } footer .legal_links a:before { left: -4px; font-size: 1em; } .language > nav > ul > li:first-child { margin-left: 0; } footer .legal_links { margin-top: 125px; } .footer_logos { height: 100%; padding-bottom: 20px; } .product_logos img { margin-left: 10px; } .product_logos > img:first-child { margin-left: 0; } .footer_logos img { margin: 0 10px; height: 65px; vertical-align: top; } .footer_logos .rating_logos { color: #666; } .footer_logos .rating_logos .region { display: inline-block; vertical-align: top; } .footer_logos .rating_logos .region span { display: block; margin-bottom: .3em; text-align: left; font-weight: bold; } .footer_logos .rating_logos a { padding: 0; margin-right: 10px; } .footer_logos .rating_logos a[href*="pegi"] img, .footer_logos .rating_logos a[href*="usk"] img { width: 52px; } .footer_logos .rating_logos a img { display: inline-block; } .legal_copy { padding: 0 11%; font-size: .7em; position: relative; } .legal_copy p { margin-bottom: 1em; text-align: justify; font-weight: normal; -moz-text-align-last: center; -webkit-text-align-last: center; text-align-last: center; } footer nav.social { bottom: 200px; width: 100%; height: 30px; } footer .social ul { text-align: center; margin: 0; padding: 0; } footer .social a.facebook, footer .social a.twitter, footer .social a.youtube { background: url(../images/global/footer-social-icons.png) no-repeat; height: 25px; width: 30px; display: block; text-indent: -9999px; padding: 0; } footer .social li { margin-left: 2px; } footer .social > ul > li:first-child { margin: 0; } footer .social a.facebook { background-position: 0 0; } footer .social a.twitter { background-position: -30px 0; } footer .social a.youtube { background-position: 100% 0; } footer .social a.facebook:hover { background-position: 0 -25px; } footer .social a.twitter:hover { background-position: -30px -25px; } footer .social a.youtube:hover { background-position: 100% -25px; } /* --------------------------------- General Pages ----------------------------------- */ .black-box, .node-page, .block-aggregator, .content .view, #character-info, .page-media .content > .media, .slide-content.image aside.caption-box, body.page-news a.article-item, .node-news, .node-article, #account-index-index .column, #web-layout-password-default .column, #web-layout-profile-default .column, #account-subscriptions-index .column, #password-change-index .column, #profile-notifications-index .column { border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.18); background-color: rgba(0, 0, 0, 0.8); padding: 15px; } .lt-ie9 .black-box, .lt-ie9 .node-page, .lt-ie9 .content .view, .lt-ie9 #character-info, .lt-ie9 .page-media .content > .media, .page-media .lt-ie9 .content > .media, .lt-ie9 .slide-content.image aside.caption-box, .slide-content.image .lt-ie9 aside.caption-box, .lt-ie9 body.page-news a.article-item, body.page-news .lt-ie9 a.article-item, .lt-ie9 .node-news { border-color: white; } .lt-ie9 .black-box, .lt-ie9 .node-page, .lt-ie9 .content .view, .lt-ie9 #character-info, .lt-ie9 .page-media .content > .media, .page-media .lt-ie9 .content > .media, .lt-ie9 .slide-content.image aside.caption-box, .slide-content.image .lt-ie9 aside.caption-box, .lt-ie9 body.page-news a.article-item, body.page-news .lt-ie9 a.article-item, .lt-ie9 .node-news { background: url(../images/transparent-black-80.png) repeat transparent; } .node-page, .content .view, #character-info, .page-media .content > .media { padding-left: 20px; margin-top: -14px; margin-left: 280px; margin-right: 30px; } .node-page .content, .content .view, #character-info .content, .page-media .content > .media .content { margin-bottom: 0; } .node-page section, .content .view section, #character-info section, .page-media .content > .media section { margin-bottom: 2em; } .node-page .read-more a, .content .view .read-more a, #character-info .read-more a, .page-media .content > .media .read-more a { width: 180px; text-align: center; padding-top: 5px; padding-bottom: 5px; line-height: 1.3; } .two.column .node-page, .three.column .node-page, .four.column .node-page, .five.column .node-page, .six.column .node-page { margin-left: 0; margin-right: 0; } .two.column .content, .three.column .content, .four.column .content, .five.column .content, .six.column .content { width: auto; } .column-basic-page.column { display: table; float: none; } .column-basic-page.three .span-2 { display: table-cell; float: none; width: 490px; } .column-basic-page.three .span-1 { display: table-cell; float: none; width: 190px; } .column-basic-page .align-bottom { vertical-align: bottom; } .column-basic-page .align-bottom .read-more { margin-bottom: 1.5em; } .column-basic-page.separator { margin-bottom: 15px; } .separator { padding-bottom: 1px; background: url(../images/race-separator.png) no-repeat bottom center transparent; } /* --------------------------------- Common Widgets ----------------------------------- */ /* Link Arrow */ /* Buttons */ .button-appearance, .button, input[type="submit"], .more-link a, .front .block-community-news .more-link a, .slide-content .action, .gallery .more, .fancybox.alternates a, .read-more a, .pager a { font-family: 'GoudyTrajan-Bold'; font-style: normal; color: #e9e2ba !important; text-decoration: none; background: none !important; padding: 0 .8em; line-height: 24px; font-size: 1.1em; letter-spacing: .02em; } .button-appearance a, .button a, input[type="submit"] a, .more-link a a, .front .block-community-news .more-link a a, .slide-content .action a, .gallery .more a, .fancybox.alternates a a, .read-more a a, .pager a a { color: #000; text-decoration: none; } .button, input[type="submit"], .more-link a, .front .block-community-news .more-link a, .slide-content .action, .gallery .more, .fancybox.alternates a { display: block; float: right; } a.button[href*='.pdf']:after, .more-link a[href*='.pdf']:after, .front .block-community-news .more-link a[href*='.pdf']:after, .slide-content a[href*='.pdf'].action:after, .gallery a[href*='.pdf'].more:after, .fancybox.alternates a[href*='.pdf']:after { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url(../images/pdficon_small.png); background-position: center right; background-repeat: no-repeat; margin-left: 5px; vertical-align: text-top; } .read-more { display: block; float: right; } .read-more a { position: relative; display: block; margin-right: 0; } .read-more a:after { content: ""; position: absolute; right: -0.7em; top: 0.38em; width: 0; height: 0; border-top: 0.4em solid transparent; border-bottom: 0.4em solid transparent; border-left: 0.4em solid black; } .read-more a:hover:after { border-left: 0.4em solid black; } .read-more a:after { position: static; margin-left: 8px; display: inline-block; } .image-button, .button-download-pc, .button-download-mac, .button-play-instantly { display: inline-block; width: 285px; height: 68px; text-indent: -999em; background-repeat: none; background-color: transparent; background-position: top center; } .image-button:hover, .button-download-pc:hover, .button-download-mac:hover, .button-play-instantly:hover { background-position: bottom center; } /* Navigation Arrows */ .arrow, .fancybox-nav .arrow-bg { position: absolute; display: block; top: 50%; opacity: 1 !important; width: 40px; height: 60px; margin-top: -30px; text-indent: -999em; border-style: solid; border-color: rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.27); -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.27); box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.27); background: #808080; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjODA4MDgwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYmViZWJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, gray), color-stop(50%, #bebebe), color-stop(100%, gray)); background: -webkit-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%); background: -o-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%); background: -ms-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%); background: linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%); /*.lt-ie10 & { filter: none; /* this allows SVG gradient in IE9 per above style */ /*&:hover:before { @include background-color-rgba(251,250,202,.25); }*/ } .lt-ie9 .arrow, .lt-ie9 .fancybox-nav .arrow-bg, .fancybox-nav .lt-ie9 .arrow-bg { border-color: white; } .lt-ie9 .arrow, .lt-ie9 .fancybox-nav .arrow-bg, .fancybox-nav .lt-ie9 .arrow-bg { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bebebe', endColorstr='#808080',GradientType=0 ); } .arrow:before, .fancybox-nav .arrow-bg:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; } .arrow:hover, .fancybox-nav .arrow-bg:hover { cursor: pointer; background: #b6b6a1; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjZiNmExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDZkNmMwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I2YjZhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a5a593), color-stop(52%, #e0e0c9), color-stop(100%, #a5a593)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #a5a593 0%, #e0e0c9 52%, #a5a593 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%); /* IE10+ */ background: linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%); /* W3C */ } .lt-ie9 .arrow:hover, .lt-ie9 .fancybox-nav .arrow-bg:hover, .fancybox-nav .lt-ie9 .arrow-bg:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6c0', endColorstr='#b6b6a1',GradientType=0 ); /* IE6-8 fallback on horizontal gradient */ } .arrow a, .fancybox-nav .arrow-bg a, .arrow .arrow-arrow, .fancybox-nav .arrow-bg .arrow-arrow { display: block; position: absolute; height: 100%; width: 100%; margin: 0; position: relative; background: url(../images/homepage/slider-arrow.png); background-repeat: no-repeat; background-position: 50% 0; text-indent: -999em; } .arrow.back, .fancybox-nav .back.arrow-bg, .fancybox-prev .arrow-bg { left: 0 !important; border-width: 1px 1px 1px 0; } .arrow.back, .fancybox-nav .back.arrow-bg, .fancybox-prev .arrow-bg, .arrow.back:before, .fancybox-nav .back.arrow-bg:before, .fancybox-prev .arrow-bg:before { -moz-border-radius: 0 7px 7px 0; -webkit-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0; } .arrow.forward, .fancybox-nav .forward.arrow-bg, .fancybox-next .arrow-bg { right: 0 !important; border-width: 1px 0 1px 1px; } .arrow.forward, .fancybox-nav .forward.arrow-bg, .fancybox-next .arrow-bg, .arrow.forward:before, .fancybox-nav .forward.arrow-bg:before, .fancybox-next .arrow-bg:before { -moz-border-radius: 7px 0 0 7px; -webkit-border-radius: 7px 0 0 7px; border-radius: 7px 0 0 7px; } .arrow.forward a, .fancybox-nav .forward.arrow-bg a, .fancybox-next .arrow-bg a, .arrow.forward .arrow-arrow, .fancybox-nav .forward.arrow-bg .arrow-arrow, .fancybox-next .arrow-bg .arrow-arrow { background-position: 50% 100%; } /* Close button */ .close, #character-single-wrap .close, .fancybox-close { position: absolute; top: 10px; right: 30px; z-index: 5; text-decoration: none; color: #fff; font-family: GoudyTrajan; font-weight: bold; font-size: 15px; } /* Pagination Controls */ .pager { vertical-align: middle; float: right; font-family: 'GoudyTrajan-Bold'; } .pager a { font-size: 0.9em; padding: .1em .2em; } .pager a.current { color: #fff; background: none; filter: none; text-shadow: none; box-shadow: none; border: 0; } .pager li.pager-current { color: #fff; background: none; filter: none; text-shadow: none; box-shadow: none; border: 0; } .item-list .pager li { margin: 0; padding: 0; } /* - HOMEPAGE --------------------------------------------- */ /* -------------------------------------------------------- */ /* -------------------------------------------------------- */ /* - content ---------------------------------------------- */ /* -------------------------------------------------------- */ .front .content { width: auto; } .front .five.column { margin-top: 725px; width: 960px; position: relative; /* article teasers & promo graphics must sit on top of footer */ z-index: 100; } .front .span-3 { padding: 0; margin-right: 20px; background: rgba(0, 0, 0, .7); border: 4px solid rgba(255, 255, 255, .1); width: 616px; height: 326px; } .front .five > .span-2 { width: 310px; } /* .front .span-3 { position: relative; } .front .block-community-news { background: url(../images/homepage/article-teaser-bg-center.png) 24px top no-repeat; height: 326px; border: 1px solid red; float: left; width: 580px; margin-right: 24px; } .front .block-community-news:before { display: block; content: ""; background: url(../images/homepage/article-teaser-bg-left.png) left top no-repeat; width: 24px; height: 326px; border: 1px solid green; float: left; } .front .block-community-news:after { display: block; content: ""; background: url(../images/homepage/article-teaser-bg-right.png) right top no-repeat; width: 24px; height: 326px; border: 1px solid blue; position: absolute; right: -24px; top: 0; } */ .front .span-3 h2 { color: #e9e2ba; font-size: 18px; margin: 17px 34px; } .front .news-teaser { height: 85px; overflow: hidden; margin: 0 34px 10px 34px; } .front .news-teaser > a { position: absolute; } .front .news-teaser > h5, .front .news-teaser > time, .front .news-teaser > nav, .front .news-teaser > .news.content { margin-left: 190px; } .front .news-teaser > h5 a { color: #ba852d; font-size: 13px; text-decoration: none; } .front .news-teaser > .news.content { margin-bottom: 0; position: relative; /* necessary for read-more arrow positioning */ } .front .news-teaser > .news.content p { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; margin: 0; } .front .news-teaser > .news.content a { color: #e9e2ba; display: block; /* necessary for read-more arrow positioning */ float: left; /* necessary for read-more arrow positioning */ } /* read-more arrow */ .front .news-teaser > .news.content a:after { content: ""; display: block; float: right; margin: 3px 0 0 5px; border-color: transparent transparent transparent #e9e2ba; border-style: solid; border-width: 5px; height: 0; width: 0; } .front .news-teaser > .news.content a:hover { color: #fff; } .front .news-teaser > .news.content a:hover:after { border-color: transparent transparent transparent white; } .front .news-teaser > .news-teaser p { display: inline; margin: 0; } .front .block-community-news .more-link { margin: 0 34px; } .ie9 .front .block-community-news .more-link a { filter: none; } /* this allows SVG gradient in IE9 per above style */ /* -------------------------------------------------------- */ /* - anything slider -------------------------------------- */ /* -------------------------------------------------------- */ .anythingSlider { /*height: 648px !important;*/ height: 660px !important; width: 100% !important; margin-left: 0; width: 100%; position: absolute; top: 0; left: 0; } .anythingSlider .anythingWindow { width: 100%; overflow: visible; margin: auto; } .anythingSlider .anythingBase { width: 100% !important; } ul.slider li { width: 100% !important; } .anythingSlider .panel { height: 100% !important; } .anythingSlider-turbine .anythingControls { width: 980px; margin: 0 auto; } /* moved arrow */ /* arrow overrides */ .anythingSlider-turbine .arrow a, .anythingSlider-turbine .fancybox-nav .arrow-bg a, .fancybox-nav .anythingSlider-turbine .arrow-bg a { display: block; height: 100%; width: 100%; margin: 0; background-image: url(../images/homepage/slider-arrow.png); background-position: 50% 0; } .anythingSlider-turbine .arrow a:hover, .anythingSlider-turbine .fancybox-nav .arrow-bg a:hover, .fancybox-nav .anythingSlider-turbine .arrow-bg a:hover { background-position: 50% 0; } .anythingSlider-turbine .arrow.forward a, .anythingSlider-turbine .fancybox-nav .forward.arrow-bg a, .fancybox-nav .anythingSlider-turbine .forward.arrow-bg a, .anythingSlider-turbine .fancybox-next .arrow-bg a, .fancybox-next .anythingSlider-turbine .arrow-bg a { background-position: 50% 100%; } .anythingSlider-turbine .anythingControls { text-align: center; } .anythingSlider-turbine .anythingControls .start-stop { display: none !important; } .anythingSlider-turbine .anythingControls ul, .anythingSlider-turbine .anythingControls ul li { float: none; } .anythingSlider-turbine .anythingControls ul { position: relative; top: -40px; } .anythingSlider-turbine .anythingControls ul li { display: inline-block; } .anythingSlider-turbine .anythingControls ul li.last > a { margin-right: 0; } .anythingSlider-turbine .anythingControls ul a { display: block; position: relative; height: 18px; width: 18px; margin-right: 4px; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: #808080; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjODA4MDgwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYmViZWJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, gray), color-stop(50%, #bebebe), color-stop(100%, gray)); background: -webkit-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%); background: -o-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%); background: -ms-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%); background: linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%); } .lt-ie9 .anythingSlider-turbine .anythingControls ul a { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bebebe', endColorstr='#808080',GradientType=0 ); } .anythingSlider-turbine .anythingControls a.cur { background: #4b4b4b; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGI0YjRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNzA3MDcwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #4b4b4b), color-stop(50%, #707070), color-stop(100%, #4b4b4b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%); /* IE10+ */ background: linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%); /* W3C */ } .lt-ie9 .anythingSlider-turbine .anythingControls a.cur { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#4b4b4b',GradientType=0 ); /* IE6-8 fallback on horizontal gradient */ } .anythingSlider-turbine .anythingControls ul a > span { display: none; } .slide-content { width: 100%; } .slide-content a > * { color: #fff; text-decoration: none; } .slide-content a.action { color: #313131; } .slide-content .rawhtml-container { position: relative; } .slide-content.rawhtml .rawhtml-container h2, .slide-content.rawhtml .rawhtml-container h2 > strong { color: #ede9bc; text-shadow: 0 0 1px #b38c09, 0 0 1px #b38c09, 0 0 1px #b38c09, 0 0 1px #b38c09, 0 0 1px #b38c09; width: auto; float: left; font-variant: small-caps; clear: both; line-height: .8em; } .slide-content.rawhtml .rawhtml-container h2 { font-size: 2em; margin: 15px 0 36px; } .slide-content.rawhtml .rawhtml-container h2 > strong { font-size: 2em; } .slide-content { width: 100% !important; background-size: cover; /*some styles for ocr*/ } .slide-content .action { line-height: 30px; font-size: 1.6em; padding: 0 1em 0 .5em; position: relative; position: relative; } .slide-content .action:after { content: ""; position: absolute; right: -0.7em; top: 0.38em; width: 0; height: 0; border-top: 0.4em solid transparent; border-bottom: 0.4em solid transparent; border-left: 0.4em solid #313131; } .slide-content .action:hover:after { border-left: 0.4em solid #313131; } .slide-content .action:after { right: 0.2em; } .slide-content.image { width: 100% !important; max-width: 100% !important; text-shadow: 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black; } .slide-content.image > a > img { display: block; height: 100%; } .slide-content.image aside { position: relative; background: rgba(0, 0, 0, .7); border: 1px solid rgba(255, 255, 255, .4); box-shadow: 0 0 10px #000; width: 50%; } .slide-content.image aside.caption-box { -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3); box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3); } .slide-content.image aside.caption-box h2 { font-size: 2.5em; } .slide-content.image aside.top { top: 60px; } .slide-content.image aside.bottom { bottom: -450px; } .slide-content.image aside.center { left: 25%; text-align: left; } .slide-content.image aside.left { left: 10px; } .slide-content.image aside.right { text-align: left; right: 10px; } .slide-content.image a { text-decoration: none; } .slide-content .caption_wrapper { display: block; margin: 0 auto; width: 960px; height: 100%; } .slide-content.image a > * { color: #fff; } .slide-content.image a.action { color: #313131; } .slide-content.video { height: 604px; margin-top: 40px; } .slide-content.video .yt-video { width: 100%; } .slide-content.video .player-wrapper { padding: 0; } .slide-content.video aside { position: absolute; display: none; } .slide-content h2 { color: #f8f3bd; text-shadow: 0 0 0.2em #e09d0d, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black; margin-bottom: 6px; font-size: 4em; } .lt-ie10 .slide-content h2 { filter: progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2); } .slide-content p { padding: 0; margin-bottom: .5em; text-shadow: 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black; } .slide-content h2.drop-shadow { text-shadow: 0 0 0.2em #e09d0d, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black; } .slide-content .drop-shadow { text-shadow: 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black; } .slide-content .no-shadow { text-shadow: none; } ul.slider { height: 690px; } #toolbar a { font-family: 'Lucida Grande', Verdana, sans-serif; font-size: 11px; font-variant: normal; } .anything-slider-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); background-position: 50% 0 !important; background-repeat: no-repeat !important; } .anything-slider-bg.activePage { opacity: 1; filter: alpha(opacity=100); } /* --------------------------------- Promo banner ----------------------------------- */ .promobox { display: block; width: auto; height: 230px; background: rgba(0, 0, 0, .7); border: 4px solid rgba(255, 255, 255, .1); text-decoration: none; } .promobox h3 { display: block; padding: 100px 20px 20px 20px; height: 100%; color: #ba852d; font-size: 25px; text-shadow: 0 0 10px #000; background: rgba(0, 0, 0, .7) url(../images/homepage/promo.jpg) no-repeat 0 0; } .promobox.download { padding: 0; height: auto; background: none; border: none; } .promobox.download img { width: 100%; } /* - CHARACTER PAGES -------------------------------------- */ /* -------------------------------------------------------- */ /* -------------------------------------------------------- */ /* - main ------------------------------------------------- */ /* -------------------------------------------------------- */ /* .menu-characters .content > * { position: relative; z-index: 1; } #character-wrap { position: absolute; top: 148px; height: 490px; width: 960px; margin-left: 35px; z-index: 0; } #character-wrap figure, #character-wrap figure > a, #character-wrap figcaption { position: absolute; } #character-wrap figure { z-index: 0; bottom: 0; display: block; height: 100%; overflow: visible; } #character-wrap figure:hover { z-index: 1; } #character-wrap figure:hover figcaption { display: block; } #character-wrap figcaption { left: -25%; width: 150%; text-align: center; display: none; opacity: 0; } #character-wrap figcaption h2 { font-size: 3em; margin: 0; padding-bottom: 16px; background: url(../images/global/headline-decor.png) no-repeat 50% 100%; } #character-wrap figcaption p { font-size: 1em; text-shadow: 0 0 2px #000; } figure#hobbit { width: 187px; left: 0; } figure#elf { width: 237px; left: 180px; } figure#rom { width: 297px; left: 358px; } figure#dwarf { width: 279px; left: auto; right: 0; } #character-wrap figure img { display: block; width: 100%; height: auto; } figure#hobbit > a { bottom: 40px; } figure#elf > a { bottom: 65px; } figure#rom > a { bottom: 0; } figure#dwarf > a { bottom: 50px; } figure#hobbit > figcaption { bottom: 0; } figure#elf > figcaption { bottom: 15%; } figure#rom > figcaption { bottom: 20%; } figure#dwarf > figcaption { bottom: 10%; } */ /* -------------------------------------------------------- */ /* - Chips ------------------------------------- */ /* -------------------------------------------------------- */ .chips figure { float: left; margin: 0 15px 15px 0; width: 210px; } .chips figure img { width: 100%; } .chips figcaption { text-align: center; } /* -------------------------------------------------------- */ /* - Community ------------------------------------- */ /* -------------------------------------------------------- */ .community .column { width: 960px; } .community .banner img { margin-bottom: 20px; } .community .span-2 .block { margin-bottom: 10px; width: 292px; border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.18); background-color: rgba(0, 0, 0, 0.8); padding: 10px; } .community .block-aggregator ul { list-style: none; } .community .block-aggregator ul li { margin-left: 0; } .community .block-aggregator .more-link a { float: none; } .community .feed-item-summary div { display: inline; } .community .span-2 { width: 300px; } .community .span-4 { width: 660px; } .community .span-4 #block-system-main { margin-top: 14px; } /* -------------------------------------------------------- */ /* - Character Copy ------------------------------------- */ /* -------------------------------------------------------- */ /* -------------------------------------------------------- */ /* - single character ------------------------------------- */ /* -------------------------------------------------------- */ #character-single-wrap { min-height: 700px; } div[id^="character-single-hero"] { width: 100%; height: 100%; position: absolute; z-index: 0; padding: 0 400px; left: -400px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background-repeat: no-repeat; } /* @TODO Remove */ #character-single-hero-hobbit { background: url(../images/classes/lotro-hobbit-hero.png) no-repeat 100px 170px; } #character-single-hero-elf { background: url(../images/classes/lotro-elf-hero.png) no-repeat 125px 0; } #character-single-hero-rom { background: url(../images/classes/lotro-race-of-man-hero.png) no-repeat 10px 0; } #character-single-hero-dwarf { background: url(../images/classes/lotro-dwarf-hero.png) no-repeat 50px 0; } #character-info { padding-left: 1em; position: relative; z-index: 0; width: 716px; margin-bottom: 15px; float: right; } #character-info h2 { font-size: 3.5em; margin-bottom: 15px; } #character-info h3 { margin-bottom: 0; } #character-classes > h3 { font-size: 17px; margin-left: 15px; margin-bottom: 10px; } #character-info article { padding-bottom: 30px; padding-left: 1em; margin-bottom: 15px; float: left; background: url(../images/race-separator.png) no-repeat bottom center transparent; } #character-info article p { width: 70%; float: right; } #character-info .more { display: block; } #character-info .more a { position: relative; margin-right: 1em; } #character-info .more a:before { content: ""; position: absolute; right: -0.7em; top: 0.38em; width: 0; height: 0; border-top: 0.4em solid transparent; border-bottom: 0.4em solid transparent; border-left: 0.4em solid #e9e2ba; } #character-info .more a:hover:before { border-left: 0.4em solid #fbfaca; } #character-info article aside { width: 30%; float: left; } #character-info figcaption { margin-bottom: 15px; } #character-info aside img { border: 1px solid #6D6B6B; } #character-info .more-videos { display: block; } #character-single-wrap .close, #character-single-wrap .fancybox-close { top: 43px; right: 60px; } #character-single-wrap .forward { float: right; } #character-single-wrap .back { float: left; } #character-single-wrap section { padding: 0; } /* @TODO Remove */ #character-classes section { margin-bottom: 15px; } #character-classes section:last-child { margin-bottom: 0; } #character-classes h2 { margin: 25px 0 10px; padding-left: 1em; font-size: 18px; } #character-classes h4 { font-size: 25px; margin-bottom: 20px; } #character-classes h5 { margin-bottom: 0; } .grid-4 { float: left; width: 25%; } .grid-2 { float: left; width: 50%; } ul#class-icons { list-style-type: none; float: left; position: relative; margin: 0; padding: 0; width: 100%; } #class-icons li:before, #class-icons a { /*background-image: url(../images/classes/class-icon-sprite.png);*/ background-repeat: no-repeat; } #class-icons li:before { position: absolute; height: 100%; width: 100%; display: block; content: ""; } #class-icons li, #class-icons li:before { background-position: 50% 200%; background-repeat: no-repeat; } #class-icons li { width: 73px; height: 71px; position: relative; float: left; } #class-icons li, #class-icons li.active { -moz-border-radius: 50% 50% 0 0; -webkit-border-radius: 50% 50% 0 0; border-radius: 50% 50% 0 0; } #class-icons li.active, #character-single-wrap section > div { background-color: rgba(63, 63, 63, 0.8); } .lt-ie9 #class-icons li.active, .lt-ie9 #character-single-wrap section > div { background-color: #3f3f3f; } #class-icons li.active:before { background-position: 50% 100%; } #class-icons a { position: absolute; height: 100%; width: 100%; display: block; background-position: 50% 0px; } #class-icons li:hover a { background-position: 50% -71px; } #class-icons li.unavailable a { background-position: 50% -142px; } #character-single-wrap section > div { float: left; width: 100%; padding: 5px 15px; display: none; } #character-single-wrap section > div.active { display: block; } .character-gallery { display: none; } /* - SPINNER PAGES ---------------------------------------- */ /* -------------------------------------------------------- */ /* -------------------------------------------------------- */ /* - spinner wheel ---------------------------------------- */ /* -------------------------------------------------------- */ .node-spinner { position: relative; width: 100%; height: 550px; margin: 30px 0 0; } .node-spinner-content { width: 100%; height: 100%; } .node-spinner-pane { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin-left: 300px; width: 450px; } .scroller-container { float: right; width: 358px; text-align: right; margin-right: 770px; } .scroller-container a { width: 100%; height: 17px; display: block; text-indent: -9999px; text-align: left; position: relative; margin-bottom: 9px; } .scroller > ul { left: 0; } .scroller > ul > li { padding: 0; } .scroller > ul > li > div { margin-right: 3px; /* a little margin to account for the shadow */ } .scroller-container a[class^='scroller'] { background: url(../images/spinner-arrows.png) no-repeat 100% 0; z-index: 100; } .scroller-container a.scroller-down { background-position: 100% -34px; } .scroller-container a.scroller-up:hover { background-position: 100% -17px; } .scroller-container a.scroller-down:hover { background-position: 100% -51px; } .scroller { width: 358px; } .scroller li { width: 358px; padding: 0; white-space: nowrap; text-align: right; font-family: 'GoudyTrajan'; font-weight: bold; font-size: 15px; line-height: 15px; text-shadow: 0px 0px 3px #000000, 1px 2px 3px #000000; /*filter:progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2)*/ } .scroller li.offset_0 { font-size: 20px; line-height: 20px; /*color: #fddd97;*/ } .scroller li > div { float: right; width: 100%; padding: 0; } /* -------------------------------------------------------- */ /* - region/feature pages --------------------------------- */ /* -------------------------------------------------------- */ body.menu-world .pagecontent { height: 680px; } .node-spinner-content { background: url(../images/spinner-content-bg.png) 260px 0px no-repeat; } .node-spinner-pane > div { width: 100%; height: 100%; } .node-spinner-pane h2 { font-size: 40px; margin-top: 15px; } .menu-features .node-spinner-pane h2 { margin-top: 50px; } .node-spinner-pane .level-range, .node-spinner-pane h3 { font-family: 'GoudyTrajan'; font-size: 14px; font-weight: bold; } .node-spinner-pane p, .node-spinner-pane h3 { margin-left: 2px; text-shadow: -1px 2px 2px black, -1px 2px 4px black; } .node-spinner-pane h3 { margin-bottom: 0; } .node-spinner-pane p { margin-bottom: 15px; text-align: justify; line-height: 14px; } #page-bgs, #page-bgs div { position: absolute; left: 0; top: 0; z-index: -1; height: 985px; width: 100%; background-position: top center; background-repeat: no-repeat; } body.toolbar #page-bgs div { background-position: center 64px; } #page-bgs div, #char-bottom-bgs > div { display: none; } #char-bottom-bgs, #char-bottom-bgs div { position: absolute; left: 0; width: 100%; height: 470px; background-position: top center; background-repeat: no-repeat; } #char-bottom-bgs { top: 731px; } #char-bottom-bgs div { top: 0; } body.menu-features .node-spinner-content { background: url(../images/features-content-bg.png) 260px 0 no-repeat; } body.menu-features .scroller-container a { margin-bottom: 7px; } /* - CATEGORY PAGES -------------------------------------- */ /* -------------------------------------------------------- */ .node-type-category-page .category-tiles { text-align: center; } .node-type-category-page figure { margin: 10px 5px; display: inline-block; position: relative; width: 227px; height: 260px; } .node-type-category-page figure:hover a { -moz-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); -webkit-transition: transform .1s linear; -moz-transition: transform .1s linear; transition: transform .1s linear; } .node-type-category-page figure a { display: block; position: relative; color: #fff; border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.3); -webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.7); } .lt-ie9 .node-type-category-page figure a { border-color: white; } .node-type-category-page figure a:before { display: block; position: absolute; right: 0; content: " "; background: url(../images/global/category-tile-shine.png) right top no-repeat; width: 208px; height: 127px; opacity: 0.15; } .node-type-category-page figcaption { position: absolute; bottom: 0; padding: 9px 18px; text-align: left; min-height: 110px; background-color: rgba(0, 0, 0, 0.85); } .lt-ie9 .node-type-category-page figcaption { background: url(../images/transparent-black-85.png) repeat transparent; } .node-type-category-page h3 { margin-bottom: -2px; font-size: 16px; letter-spacing: 0.075em; text-shadow: 0 0 8px black, 0 0 4px rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2); } .node-type-category-page p { line-height: 1.4em; } /* - MEDIA ----------------------------------------------- */ /* -------------------------------------------------------- */ /* Media Page Layout */ .page-media .content > .media { width: 744px; margin-top: 0; margin-right: 0; position: relative; } .page-media .content > .media > section { float: left; width: 352px; } /* Gallery Page Layout */ body.node-type-gallery .media > .gallery > ul { width: 744px; margin-left: 300px; margin-top: -7px; } .gallery-footer { width: 744px; margin-left: 300px; } /* Styles shared between the media landing page and the gallery pages */ body.page-media h2, body.node-type-gallery h2 { font-size: 26px; margin-bottom: 10px; } body.page-media .gallery > ul:hover a, body.node-type-gallery .gallery > ul:hover a { transition-property: opacity; transition-duration: 0.4s; transition-timing-function: ease-out; opacity: 0.4; filter: alpha(opacity=40); } body.page-media .gallery > ul li, body.node-type-gallery .gallery > ul li { float: left; position: relative; } body.page-media .gallery > ul li a, body.node-type-gallery .gallery > ul li a { display: block; position: relative; width: 169px; height: 94px; margin-bottom: 7px; margin-right: 7px; overflow: hidden; transition-property: border-color, opacity; transition-duration: 0.4s; transition-timing-function: ease-out; opacity: 1; filter: alpha(opacity=100); border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.3); } .lt-ie9 body.page-media .gallery > ul li a, .lt-ie9 body.node-type-gallery .gallery > ul li a { border-color: white; } body.page-media .gallery > ul li a:hover, body.node-type-gallery .gallery > ul li a:hover { transition-property: border-color; transition-duration: 0.4s; transition-timing-function: ease-out; border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.5); } .lt-ie9 body.page-media .gallery > ul li a:hover, .lt-ie9 body.node-type-gallery .gallery > ul li a:hover { border-color: white; } body.page-media .gallery > ul li a img, body.node-type-gallery .gallery > ul li a img { width: 100%; /*-webkit-filter: grayscale(0.8); filter: url('data:image/svg+xml;utf8,#desaturate'); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/ } body.page-media .gallery > ul li:hover a, body.node-type-gallery .gallery > ul li:hover a { transition-property: opacity; transition-duration: 0.4s; transition-timing-function: ease-out; opacity: 1; filter: alpha(opacity=100); /*-webkit-filter: grayscale(0); filter: none; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);*/ } body.page-media .gallery .social, body.node-type-gallery .gallery .social { display: none; } body.page-media .gallery .caption, body.node-type-gallery .gallery .caption { } body.page-media .gallery .template, body.node-type-gallery .gallery .template { display: none; } body.page-media .gallery span.caption, body.node-type-gallery .gallery span.caption { opacity: 1; } body.page-media .videos .gallery > ul li a, body.node-type-gallery .videos .gallery > ul li a { width: 343px; height: 194px; } body.page-media .videos .gallery > ul li a .yt-thumb-clip, body.node-type-gallery .videos .gallery > ul li a .yt-thumb-clip { position: absolute; display: block; top: -100px; bottom: -100px; left: -100px; right: -100px; text-align: center; line-height: normal; white-space: nowrap; word-break: normal; } body.page-media .videos .gallery > ul li a .yt-thumb-clip img, body.node-type-gallery .videos .gallery > ul li a .yt-thumb-clip img { width: 343px; display: inline-block; vertical-align: middle; } body.page-media .videos .gallery > ul li a .yt-thumb-clip-inner, body.node-type-gallery .videos .gallery > ul li a .yt-thumb-clip-inner { position: absolute; display: block; left: 0; top: 0; height: 100%; width: 100%; line-height: normal; white-space: nowrap; word-break: normal; } body.page-media .videos .gallery > ul li a .vertical-align, body.node-type-gallery .videos .gallery > ul li a .vertical-align { display: inline-block; vertical-align: middle; height: 100%; } body.page-media .videos .gallery > ul li a:after, body.node-type-gallery .videos .gallery > ul li a:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: url(../images/video-thumb-icon.png) no-repeat center center transparent; background-size: contain; } body.page-media .videos .gallery > ul li a:hover .caption, body.node-type-gallery .videos .gallery > ul li a:hover .caption { display: block; width: 100%; background-color: rgba(0, 0, 0, 0.75); } .lt-ie9 body.page-media .videos .gallery > ul li a:hover .caption, .lt-ie9 body.node-type-gallery .videos .gallery > ul li a:hover .caption { background: url(../images/transparent-black-75.png) repeat transparent; } .media > div ul { height: 100%; } .gallery { position: relative; } .gallery .more { margin-right: 7px; } .gallery .gallery-header { position: absolute; top: -36px; right: 27px; } .gallery .gallery-links { width: 280px; float: left; } .gallery .gallery-links ul { display: block; margin-top: 30px; text-align: right; } .gallery .gallery-links li { display: block; } .gallery .gallery-links a { color: #fff; text-decoration: none; font-size: 1.2em; font-family: 'GoudyTrajan'; font-weight: bold; /*overrides*/ width: auto; display: block; margin-bottom: 3px; } .gallery .gallery-links .active a { font-size: 2em; margin-bottom: 6px; } .gallery .gallery-footer { clear: both; } .gallery .gallery-footer .pager { display: none; } .gallery span.caption { text-align: left; } /*-------------------------------------- Fancybox -------------------------------------*/ .fancybox-skin { position: relative; padding: 0; background: #000; color: #fff; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .fancybox-title { display: none; position: absolute; bottom: 0; width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 8px; background-color: rgba(0, 0, 0, 0.75); } .lt-ie9 .fancybox-title { background: url(../images/transparent-black-75.png) repeat transparent; } .fancybox-title iframe { float: none; display: inline-block; } .fancybox-type-image .fancybox-title { display: block; } .fancybox-nav { width: 30%; opacity: 0.5; filter: alpha(opacity=50); } .fancybox-type-iframe .fancybox-nav { height: 50%; margin-top: 25%; } .fancybox-prev { /*override gallery.css*/ left: 0; } .fancybox-prev .arrow-arrow { left: 0; top: 0; } .fancybox-next { /*override gallery.css*/ right: 0; } .fancybox-next .arrow-arrow { left: 0; top: 0; } .fancybox.alternates label { display: none; } .fancybox.alternates a { display: inline-block; margin-right: 10px; float: none; } .fancybox.alternates .other-sizes { display: inline-block; margin-right: 10px; } .fancybox-social { display: inline-block; } .fancybox-count { display: inline-block; margin-left: 10px; float: right; font-family: 'GoudyTrajan'; line-height: 24px; } .fancybox-caption { display: block; margin-top: 10px; } .fancybox-close-container { position: absolute; width: 100%; top: -20px; text-align: right; } .fancybox-close { position: static; width: auto; height: auto; background: none; display: inline-block; } .fancybox-lock { margin: 0 !important; overflow: auto !important; } .fancybox-lock .fancybox-overlay { overflow: hidden; } /* - ARTICLES ----------------------------------------------- */ /* -------------------------------------------------------- */ /* Articles List */ .news-teaser img { float: left; width: 170px; height: 85px; } .news-teaser time { display: block; } .news-teaser h5 { margin-bottom: 0; } .news-teaser h5 a { text-decoration: none; } .news-teaser .content { margin-bottom: 0; } /*.news-teaser .news.content p { max-width: none; }*/ body.page-news .block-system { margin-left: 275px; } /* change move to fullwidth selector following install*/ body.page-news .block-system .content { width: auto; } body.page-news a.article-item { display: block; margin: 8px 0; padding: 15px; color: #fff; box-shadow: 0 0 6px #000; text-decoration: none; } body.page-news a.article-item:hover { color: #fff; box-shadow: 0 0 6px #ffc; } .lt-ie9 body.page-news a.article-item:hover { color: #fbfaca; border: 1px solid #fbfaca; } body.page-news article { position: relative; display: inline-block; max-height: 135px; overflow: hidden; } /*body.page-news img { position: absolute; top: 0; left: 0; }*/ body.page-news article h5, body.page-news article time, body.page-news article nav, body.page-news article div { margin-left: 190px; } body.page-news article nav { display: none; } body.page-news article div.news.content { position: relative; top: -2px; } .page-news h5 { font-size: 22px; font-weight: normal; color: #ba852d; margin-bottom: 6px; } /* ------------------------------ * Article Page * ------------------------------ */ /* Overrides for the wireframe theme */ body.node-type-news h1#page-title { display: block; } body.node-type-news .news.content p { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } /* end overrides */ /* class for making two flowing columns on content */ .two-column { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } /* Theme Styles */ .node-news, .node-article { margin-top: -14px; margin-left: 280px; padding: 17px; } .node-news h1, .node-article h1, .node-news .submitted, .node-article .submitted { } .node-news h1, .node-article h1 { margin: 4px 0; } .node-news .social, .node-article .social { margin-top: 1em; text-align: right; } .node-news .author, .node-article .author { display: block; margin-bottom: 1em; } nav#news_categories ~ a > article > div.news.content { padding-left: 0px; } /* * --------------------------------------------------------------- Become a VIP Page ----------------------------------------------------------------- */ .menu-vip .node-page, .menu-vip #character-info, .menu-vip .page-media .content > .media, .page-media .menu-vip .content > .media { padding-right: 0; padding-left: 0; } .menu-vip .node-page .content > *, .menu-vip #character-info .content > *, .menu-vip .page-media .content > .media .content > *, .page-media .menu-vip .content > .media .content > * { margin-right: 15px; margin-left: 20px; } .menu-vip .node-page .content > ul, .menu-vip #character-info .content > ul, .menu-vip .page-media .content > .media .content > ul, .page-media .menu-vip .content > .media .content > ul { margin-right: 0; margin-left: 0; padding-right: 3px; padding-left: 3px; } .menu-vip .tagline { position: relative; } .menu-vip .tagline p { margin-left: 22%; margin-bottom: 30px; font-family: 'GoudyTrajan-Bold'; font-weight: bold; font-size: 60px; line-height: 40px; color: #e9e2ba; -webkit-font-smoothing: antialiased; -webkit-text-stroke: rgba(255, 255, 255, 0.4) 0.3px; } .menu-vip .tagline span { font-size: 29px; vertical-align: top; } .menu-vip .tagline .first-line { display: block; line-height: 34px; } .menu-vip .tagline .currency { display: inline-block; margin-left: 19px; font-size: 44px; line-height: 30px; } .menu-vip .tagline:before, .menu-vip .tagline:after { content: ""; height: 1px; width: 22%; position: absolute; top: 70%; left: 0; background-color: rgba(255, 255, 255, 0.6); } .lt-ie9 .menu-vip .tagline:before, .lt-ie9 .menu-vip .tagline:after { background-color: white; } .menu-vip .tagline:after { left: auto; right: 0; } .menu-vip .gallery { list-style: none; margin: 0; overflow: hidden; } .menu-vip .gallery li { float: right; margin-right: 15px; } .menu-vip.lang-fr .tagline p { margin-left: 16%; } .menu-vip.lang-fr .tagline .first-line { margin-left: -23px; } .menu-vip.lang-fr .tagline:after, .menu-vip.lang-fr .tagline:before { width: 14%; } .menu-vip.lang-de .tagline .first-line { margin-left: -25px; line-height: 40px; } .menu-vip.lang-de .tagline p { margin-left: 24%; } ul.column.two { display: table; width: 100%; margin: 0; margin-top: 22px; padding: 0; float: none; } ul.column.two li { display: table-cell; position: relative; width: 50%; height: 30px; margin: 0; margin-bottom: 10px; padding-left: 62px; padding-top: 5px; padding-bottom: 5px; padding-right: 8%; font-weight: bold; } ul.column.two li:nth-child(4n - 3) { background-color: rgba(255, 255, 255, 0.1); } .lt-ie9 ul.column.two li:nth-child(4n - 3) { background-color: white; } ul.column.two li:nth-child(4n - 3):last-child { width: 100%; } ul.column.two li:nth-child(4n - 2) { background-color: rgba(255, 255, 255, 0.1); } .lt-ie9 ul.column.two li:nth-child(4n - 2) { background-color: white; } ul.column.two .icon, ul.column.two .quest-packs, ul.column.two .turbine-points, ul.column.two .monster-classes, ul.column.two .wardrobe-space, ul.column.two .trait-slots, ul.column.two .character-slots, ul.column.two .crafting-guilds, ul.column.two .inventory-bags, ul.column.two .currency-cap, ul.column.two .auction-house, ul.column.two .chat, ul.column.two .rest-xp { position: absolute; width: 42px; height: 38px; top: -4px; left: 17px; background: url(../images/vip/icon_unlimited-chat.png) no-repeat top left transparent; } ul.column.two .quest-packs { background-image: url(../images/vip/icon_quest-packs.png); width: 42px; height: 47px; top: -12px; } ul.column.two .turbine-points { background-image: url(../images/vip/icon_turbine-points.png); height: 41px; top: -7px; } ul.column.two .monster-classes { background-image: url(../images/vip/icon_monster-classes.png); } ul.column.two .wardrobe-space { background-image: url(../images/vip/icon_wardrobe-space.png); width: 46px; left: 13px; } ul.column.two .trait-slots { background-image: url(../images/vip/icon_trait-slots.png); } ul.column.two .character-slots { background-image: url(../images/vip/icon_character-slots.png); } ul.column.two .crafting-guilds { background-image: url(../images/vip/icon_crafting-guilds.png); } ul.column.two .inventory-bags { background-image: url(../images/vip/icon_inventory-bags.png); } ul.column.two .currency-cap { background-image: url(../images/vip/icon_currency-cap.png); } ul.column.two .auction-house { background-image: url(../images/vip/icon_auction-house.png); height: 41px; top: -6px; } ul.column.two .chat { background-image: url(../images/vip/icon_unlimited-chat.png); } ul.column.two .rest-xp { background-image: url(../images/vip/icon_rest-xp.png); } .lang-fr ul.column.two li, .lang-de ul.column.two li { height: 40px; padding-top: 2px; } .lang-fr ul.column.two .icon, .lang-fr ul.column.two .quest-packs, .lang-fr ul.column.two .turbine-points, .lang-fr ul.column.two .monster-classes, .lang-fr ul.column.two .wardrobe-space, .lang-fr ul.column.two .trait-slots, .lang-fr ul.column.two .character-slots, .lang-fr ul.column.two .crafting-guilds, .lang-fr ul.column.two .inventory-bags, .lang-fr ul.column.two .currency-cap, .lang-fr ul.column.two .auction-house, .lang-fr ul.column.two .chat, .lang-fr ul.column.two .rest-xp, .lang-de ul.column.two .icon, .lang-de ul.column.two .quest-packs, .lang-de ul.column.two .turbine-points, .lang-de ul.column.two .monster-classes, .lang-de ul.column.two .wardrobe-space, .lang-de ul.column.two .trait-slots, .lang-de ul.column.two .character-slots, .lang-de ul.column.two .crafting-guilds, .lang-de ul.column.two .inventory-bags, .lang-de ul.column.two .currency-cap, .lang-de ul.column.two .auction-house, .lang-de ul.column.two .chat, .lang-de ul.column.two .rest-xp { top: 2px; } .lang-fr ul.column.two .quest-packs, .lang-de ul.column.two .quest-packs { top: -6px; } .lang-fr ul.column.two .turbine-points, .lang-de ul.column.two .turbine-points { top: -1px; } .lang-fr ul.column.two .auction-house, .lang-de ul.column.two .auction-house { top: 0px; } .menu-quickstart .node-page, .menu-quickstart #character-info, .menu-quickstart .page-media .content > .media, .page-media .menu-quickstart .content > .media { position: relative; height: 465px; } .menu-quickstart .node-page img.guide, .menu-quickstart #character-info img.guide, .menu-quickstart .page-media .content > .media img.guide, .page-media .menu-quickstart .content > .media img.guide { position: absolute; bottom: -74px; left: -72px; } .menu-quickstart .node-page .download-pdf, .menu-quickstart #character-info .download-pdf, .menu-quickstart .page-media .content > .media .download-pdf, .page-media .menu-quickstart .content > .media .download-pdf { height: 365px; position: relative; } .menu-quickstart .node-page .download-pdf > *, .menu-quickstart #character-info .download-pdf > *, .menu-quickstart .page-media .content > .media .download-pdf > *, .page-media .menu-quickstart .content > .media .download-pdf > * { position: absolute; right: 0; bottom: 0; } .menu-quickstart .node-page .download-pdf a.button, .menu-quickstart #character-info .download-pdf a.button, .menu-quickstart .page-media .content > .media .download-pdf a.button, .page-media .menu-quickstart .content > .media .download-pdf a.button, .menu-quickstart .node-page .download-pdf .more-link a, .more-link .menu-quickstart .node-page .download-pdf a, .menu-quickstart #character-info .download-pdf .more-link a, .more-link .menu-quickstart #character-info .download-pdf a, .menu-quickstart .page-media .content > .media .download-pdf .more-link a, .more-link .menu-quickstart .page-media .content > .media .download-pdf a, .page-media .menu-quickstart .content > .media .download-pdf .more-link a, .more-link .page-media .menu-quickstart .content > .media .download-pdf a, .menu-quickstart #character-info .download-pdf .front .block-community-news .more-link a, .front .block-community-news .more-link .menu-quickstart #character-info .download-pdf a, .menu-quickstart .page-media .content > .media .download-pdf .front .block-community-news .more-link a, .front .block-community-news .more-link .menu-quickstart .page-media .content > .media .download-pdf a, .page-media .menu-quickstart .content > .media .download-pdf .front .block-community-news .more-link a, .front .block-community-news .more-link .page-media .menu-quickstart .content > .media .download-pdf a, .menu-quickstart .node-page .download-pdf .slide-content a.action, .slide-content .menu-quickstart .node-page .download-pdf a.action, .menu-quickstart #character-info .download-pdf .slide-content a.action, .slide-content .menu-quickstart #character-info .download-pdf a.action, .menu-quickstart .page-media .content > .media .download-pdf .slide-content a.action, .slide-content .menu-quickstart .page-media .content > .media .download-pdf a.action, .page-media .menu-quickstart .content > .media .download-pdf .slide-content a.action, .slide-content .page-media .menu-quickstart .content > .media .download-pdf a.action, .menu-quickstart .node-page .download-pdf .gallery a.more, .gallery .menu-quickstart .node-page .download-pdf a.more, .menu-quickstart #character-info .download-pdf .gallery a.more, .gallery .menu-quickstart #character-info .download-pdf a.more, .menu-quickstart .page-media .content > .media .download-pdf .gallery a.more, .gallery .menu-quickstart .page-media .content > .media .download-pdf a.more, .page-media .menu-quickstart .content > .media .download-pdf .gallery a.more, .gallery .page-media .menu-quickstart .content > .media .download-pdf a.more, .menu-quickstart .node-page .download-pdf .fancybox.alternates a, .fancybox.alternates .menu-quickstart .node-page .download-pdf a, .menu-quickstart #character-info .download-pdf .fancybox.alternates a, .fancybox.alternates .menu-quickstart #character-info .download-pdf a, .menu-quickstart .page-media .content > .media .download-pdf .fancybox.alternates a, .fancybox.alternates .menu-quickstart .page-media .content > .media .download-pdf a, .page-media .menu-quickstart .content > .media .download-pdf .fancybox.alternates a, .fancybox.alternates .page-media .menu-quickstart .content > .media .download-pdf a { bottom: 58px; } /* * Download Page */ .menu-download .node-page, .menu-download #character-info, .menu-download .page-media .content > .media, .page-media .menu-download .content > .media { margin-right: 250px; } .menu-download .node-page .content > div, .menu-download #character-info .content > div, .menu-download .page-media .content > .media .content > div, .page-media .menu-download .content > .media .content > div { float: left; width: 50%; } .menu-download .node-page .content > div:first-child, .menu-download #character-info .content > div:first-child, .menu-download .page-media .content > .media .content > div:first-child, .page-media .menu-download .content > .media .content > div:first-child { padding-top: 10px; } .menu-download .node-page .button-play-instantly, .menu-download #character-info .button-play-instantly, .menu-download .page-media .content > .media .button-play-instantly, .page-media .menu-download .content > .media .button-play-instantly { margin-bottom: 13px; } .menu-download .node-page .button-list, .menu-download #character-info .button-list, .menu-download .page-media .content > .media .button-list, .page-media .menu-download .content > .media .button-list { text-align: center; } .menu-download .node-page .pc-other, .menu-download #character-info .pc-other, .menu-download .page-media .content > .media .pc-other, .page-media .menu-download .content > .media .pc-other { position: relative; top: -8px; font-size: 11px; color: #999; font-family: 'GoudyTrajan'; } .menu-download .node-page .pc-other:hover, .menu-download #character-info .pc-other:hover, .menu-download .page-media .content > .media .pc-other:hover, .page-media .menu-download .content > .media .pc-other:hover { color: #fbfaca; } .button-download-pc { background-image: url(/sites/default/files/download/button-pc-en.png); } .lang-de .button-download-pc { background-image: url(/sites/default/files/download/button-pc-de.png); } .lang-fr .button-download-pc { background-image: url(/sites/default/files/download/button-pc-fr.png); } .button-download-mac { background-image: url(/sites/default/files/download/button-mac-en.png); } .lang-de .button-download-mac { background-image: url(/sites/default/files/download/button-mac-de.png); } .lang-fr .button-download-mac { background-image: url(/sites/default/files/download/button-mac-fr.png); } .button-play-instantly { background-image: url(/sites/default/files/download/button-play-instantly-en.png); } .lang-de .button-play-instantly { background-image: url(/sites/default/files/download/button-play-instantly-de.png); } .lang-fr .button-play-instantly { background-image: url(/sites/default/files/download/button-play-instantly-fr.png); } /* * --------------------------------------------------------------- AUTH ----------------------------------------------------------------- */ /* #web-layout-password-default */ #auth-login-index .page, #auth-login-wbid .page, #auth-registration .page, #registration-community-index .page, #password-forgot-index .page, #password-forgot-success .page, #password-forgot-wbid .page, #password-reset-index .page, #password-reset-wbid .page, #password-reset-success .page { width: 100%; } #auth-login-index header, #auth-login-wbid header, #auth-registration header, #registration-community-index header, #password-forgot-index header, #password-forgot-success header, #password-forgot-wbid header, #password-reset-index header, #password-reset-wbid header, #password-reset-success header { background: url("../images/headerbar2.png") repeat-x scroll center top transparent; box-shadow: 0 0 16px 2px black; position: relative; width: 100%; height: 70px; } #auth-login-index header .logo, #auth-login-wbid header .logo, #auth-registration header .logo, #registration-community-index header .logo, #password-forgot-index header .logo, #password-forgot-success header .logo, #password-forgot-wbid header .logo, #password-reset-index header .logo, #password-reset-wbid header .logo, #password-reset-success header .logo { height: 115px; float: left; width: 244px; position: relative; left: 275px; } #auth-login-index .page-wrap, #auth-login-wbid .page-wrap, #auth-registration .page-wrap, #registration-community-index .page-wrap, #password-forgot-index .page-wrap, #password-forgot-success .page-wrap, #password-forgot-wbid .page-wrap, #password-reset-index .page-wrap, #password-reset-wbid .page-wrap, #password-reset-success .page-wrap { min-height: 680px; } #auth-login-index .pagecontent, #auth-login-wbid .pagecontent, #auth-registration .pagecontent, #registration-community-index .pagecontent, #password-forgot-index .pagecontent, #password-forgot-success .pagecontent, #password-forgot-wbid .pagecontent, #password-reset-index .pagecontent, #password-reset-wbid .pagecontent, #password-reset-success .pagecontent { width: 1024px; margin: 0 auto; } div.character.column { border-color: rgba(255, 255, 255, 0.18); background-color: rgba(0, 0, 0, 0.8); } .popup a:hover { color: #e9e2ba; } .popup dd, dd.wbid { border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.18); background-color: rgba(0, 0, 0, 0.8); color: #fff; } .lt-ie9 .popup dd, .lt-ie9 dd.wbid { border-color: white; } .lt-ie9 .popup dd, .lt-ie9 dd.wbid { background: url(../images/transparent-black-80.png) repeat transparent; } html[lang="en"] #auth-login-index header .logo, html[lang="en"] #auth-registration header .logo, html[lang="en"] #web-layout-password-default header .logo, html[lang="en"] #auth-login-wbid header .logo, html[lang="en"] #auth-registration header .logo, html[lang="en"] #web-layout-password-default header .logo { background-image: url(../images/logo-ddo-en2.png); } html[lang="fr"] #auth-login-index header .logo, html[lang="fr"] #auth-registration header .logo, html[lang="fr"] #web-layout-password-default header .logo, html[lang="fr"] #auth-login-wbid header .logo, html[lang="fr"] #auth-registration header .logo, html[lang="fr"] #web-layout-password-default header .logo { background-image: url(../images/logo-ddo-fr2.png); } html[lang="de"] #auth-login-index header .logo, html[lang="de"] #auth-registration header .logo, html[lang="de"] #web-layout-password-default header .logo, html[lang="de"] #auth-login-wbid header .logo, html[lang="de"] #auth-registration header .logo, html[lang="de"] #web-layout-password-default header .logo { background-image: url(../images/logo-ddo-de2.png); } legend.wbid { background-image: url("../images/wbid-icon-light.png"); } nav.main aside { display: none !important; } /* Post Tracker */ #posttracker .trackerbit { background: #1c1c1c url(images/styles/ClanTemplate/style/rowBG.png) repeat-x left bottom; padding: 6px 10px; border-bottom: 1px solid #090909; border-top: 1px solid #262626; } #posttracker .trackertitle { margin-bottom: 0.5em; } #posttracker .trackerlisthead { background: #151515 none; display: block; width: 100%; position: relative; border: 1px solid #191919; border-top: 1px solid #060606; border-bottom: 1px solid #090909; color: #3f3f3f; padding: 2px 0; font: normal 12px arial, helvetica, sans-serif; margin: 0; } #posttracker .trackerlisthead .threadtitle, #posttracker .trackerlisthead .threadstatus, #posttracker .trackerlisthead .threadforum { padding: 4px 10px 0; } .dev-tracker-row:before, .dev-tracker-row:after { display: table; line-height: 0; content: ""; } .dev-tracker-row:after { clear: both; } .dev-tracker-span6 { width: 45%; float: left; min-height: 1px; margin-left: 20px; } .dev-tracker-span3 { width: 20%; float: left; min-height: 1px; margin-left: 20px; } .dev-tracker-span1 { width: 35%; float: left; min-height: 1px; margin-left: 20px; } .css-dropdown > li > a { box-shadow: 0 1px 5px #333333 inset; border-radius: 0; border: 2px solid #555; } .css-dropdown > li > ul { z-index: 100; } .css-dropdown a { color: black; } div:not(#block-community-news-recent-news-with-summary) > div.content > article.news-teaser, div.term-listing-heading { background-color: rgba(0,0,0,0.75); padding: 10px; } .news-teaser img { margin: 0 1em 1em 0; } .news-teaser .news.content p { display: block; } div.feed-source { background-color: rgba(0,0,0,.8); margin-bottom: 20px; display: inline-block; margin-left: 20%; margin-right: -20%; width: 60%; border-style: ridge; border-color: rgba(200,0,0,.6); border-width: 2px; } div.feed-source > div { text-align: center; } div.feed-item { background-color: rgba(0,0,0,.8); width: 40%; margin-left: 2.5%; margin-right: 2.5%; display: inline-block; border-style: ridge; border-color: rgba(180,150,0,.8); border-width: 1px; padding: 5px; } /** Playspan Rotator **/ body.not-front.node-type-slider div.header-wrap, body.not-front.node-type-slider div#userbar, body.not-front.node-type-slider div.footer-wrap, body.not-front.node-type-slider div.page-wrap hgroup { display: none !important; } body.not-front.node-type-slider span.arrow, body.not-front.node-type-slider ul.thumbNav { visibility: hidden; } body.not-front.node-type-slider, body.not-front.node-type-slider ul.slider > li, body.not-front.node-type-slider div, body.not-front.node-type-slider .column.one, body.not-front.node-type-slider > div#userbar, body.not-front.node-type-slider > div#userbar > div.userbar-inner.container { width: auto; /*height: 100%;*/ margin: 0px !important; margin-top: 0px !important; padding: 0px !important; padding-top: 0px !important; min-height: 0px !important; min-width: 0px !important; } /* To prevent random cutoffs */ body.not-front.node-type-slider div.anythingSlider.anythingSlider-turbine.activeSlider, body.not-front.node-type-slider ul.slider > li { width: 358px !important; height: 67px !important; }/**/ /** Download Page **/ p.download-block { width: 90%; margin-left: auto; margin-right: auto; } .button-download-mac, .text-download-mac { float: right; } .text-download-mac { margin-left: auto; margin-right: auto; width: 32.5% } .text-download-pc { padding-left: 12.5%; }