/* body{background:url(http://nxcache.nexon.net/vindictus/img/bg/bg-news.jpg) center 31px no-repeat} */ #m-subnav-header {background-image:url(http://nxcache.nexon.net/vindictus/img/header/subnav-news.png)} #s-pageheader {background-image:url(http://nxcache.nexon.net/vindictus/img/header/catheader-news.png)} /* news list */ .p-news-list {table-layout:fixed;clear:both} .p-news-list th {color:#996633;font-weight:normal;text-align:center;line-height:30px;background:url(http://nxcache.nexon.net/vindictus/img/bg/border.png) 0 100% repeat-x;} .p-news-list tr.odd{} .p-news-list tr.even{background:url(http://nxcache.nexon.net/vindictus/img/bg/bg-black-alpha-50.png) 0 0 repeat} .p-news-list tr.even:first-child{background:none} .p-news-list td {white-space:nowrap;overflow:hidden;line-height:30px;color:#996633} .p-news-list .last td {background:url(http://nxcache.nexon.net/vindictus/img/bg/border.png) 0 100% repeat-x;} .p-news-list a {color:#996633;text-decoration:none;display:block;} .p-news-list a:hover {color:#fbb03f} /* news types */ .s-news-type {margin:0 auto;line-height:15px;height:15px;width:51px;text-indent:-9999px} .type-blog {background-image:url(http://nxcache.nexon.net/vindictus/img/icon/type-blog.png)} .type-notice {background-image:url(http://nxcache.nexon.net/vindictus/img/icon/type-notice.png)} .type-event {background-image:url(http://nxcache.nexon.net/vindictus/img/icon/type-event.png)} .type-update {background-image:url(http://nxcache.nexon.net/vindictus/img/icon/type-update.png)} .type-news{background-image:url(http://nxcache.nexon.net/vindictus/img/icon/type-news.png)} .type-in-progress{background-image:url(http://nxcache.nexon.net/vindictus/img/icon/type-event.png)} .type-ended{background-image:url(http://nxcache.nexon.net/vindictus/img/icon/type-ended.png)} .type-maintenance{background-image:url(http://nxcache.nexon.net/vindictus/img/icon/type-maintenance.png)} .type-sales {background-image:url(http://nxcache.nexon.net/vindictus/img/icon/type-sales.png)} /* news detail body */ #p-news-detail-body {padding:20px 0;background:url(http://nxcache.nexon.net/vindictus/img/bg/border.png) 0 100% repeat-x;clear:both} #p-news-detail-body p {margin-bottom:18px;} /* news detail header */ #p-news-detail-header {background:url(http://nxcache.nexon.net/vindictus/img/bg/bg-black-alpha-50.png) 0 0 repeat;float:left;width:540px;padding:15px 0 15px 20px} #p-news-detail-header .s-news-type {margin-right:10px;float:left;} #p-news-detail-header h3 {font-size:22px;color:#aa0c39;} /* news share and views */ #p-share-news{background:url(http://nxcache.nexon.net/vindictus/img/bg/border.png) 0 100% repeat-x;padding:6px 0 8px;clear:left;height:18px;line-height:18px;color:#996633;font-weight:bold} #p-share-news .share{float:left;} #p-share-news .date{float:right;} #p-share-news .views{float:right;color:#996633;} #p-share-news .views span, #p-share-news .date span{font-weight:normal;color:#6c5033} #p-share-news .date span.spacer{padding:0 5px} /*Spotlight Enforcement Styles*/ #p-news-detail-body, #p-news-detail-body * { font: 12/18px Arial, sans-serif !important;color:#996633 !important; } #p-news-detail-body b, #p-news-detail-body b *, #p-news-detail-body strong, #p-news-detail-body strong * { font:bold 12px/18px Arial, sans-serif !important; } #p-news-detail-body i, #p-news-detail-body i *, #p-news-detail-body em, #p-news-detail-body em * { font:italic 12px/18px Arial, sans-serif !important } #p-news-detail-body .small, #p-news-detail-body .small *{font-size:11px !important;color:#c7b299 !important} #p-news-detail-body .notice, #p-news-detail-body strong.notice, #p-news-detail-body .notice *, #p-news-detail-body strong.notice *{color:#aa0c39 !important;} #p-news-detail-body .notice2, #p-news-detail-body strong.notice2, #p-news-detail-body .notice2 *, #p-news-detail-body strong.notice2 *{color:#d14e19 !important;} #p-news-detail-body .notice3, #p-news-detail-body strong.notice3, #p-news-detail-body .notice3 *, #p-news-detail-body strong.notice3 *{color:#c7b299 !important;} #p-news-detail-body a:link, #p-news-detail-body a:link *{color:#996633 !important;text-decoration:underline !important} #p-news-detail-body a:visited, #p-news-detail-body a:visited *{color:#c7b299 !important;text-decoration:none !important} #p-news-detail-body a:hover, #p-news-detail-body a:hover *{color:#fbb03f !important;text-decoration:underline !important} #p-news-detail-body h1, #p-news-detail-body h1 *{font-size:20px !important;margin-bottom:10px !important;font-weight:bold !important;color:#fbb03f!important} #p-news-detail-body h2, #p-news-detail-body h2 *{font-size:16px !important;margin-bottom:10px !important;font-weight:bold !important;color:#aa0c39!important;} #p-news-detail-body h3, #p-news-detail-body h3 *{font-size:14px !important;margin-bottom:10px !important;font-weight:bold !important;background:url(../img/bg/news-header-bullet.png) 0 8px no-repeat;padding-left:12px;} #p-news-detail-body ul{margin-bottom:10px !important} #p-news-detail-body ul li:before{content:"- "} #p-news-detail-body li{text-indent:-1em;padding-left:15px} #p-news-detail-body .indent{padding-left:10px} #p-news-detail-body img.margin{margin:18px 0 !important} #p-news-detail-body div.hr{clear:both;height:1px;width:560px;background:url(../img/bg/news-divider.png);margin:18px 0 28px 0} #p-news-detail-body .center{text-align:center !important} #p-news-detail-body img.center{display:block;margin:auto} #p-news-detail-body img.center.margin{display:block !important;margin:0 auto 18px !important}#p-news-detail-body img.margin.center{display:block !important;margin:0 auto 18px !important} #p-news-detail-body iframe.center{margin:0 0 15px 15px !important} #p-news-detail-body a.margin{margin:10px 0 28px !important;display:block !important} #p-news-detail-body table{border:solid 1px #4c260d;width:522px;text-align:center;margin-bottom:30px} #p-news-detail-body th{background:#1d0c02;color:#fbb03f !important;border:solid 1px #4c260d;padding:4px} #p-news-detail-body td{border:solid 1px #4c260d;padding:4px;background:#130801;color:#996633} #p-news-detail-body td.shaded{background:#1d0c02} /* community spotlight page */ #p-com-spotlight{} #p-com-header{margin-bottom:5px;} #p-com-spotlight li{list-style-image:url(http://nxcache.nexon.net/vindictus/img/bg/list-arrow.gif);margin-left:15px;background:url(http://nxcache.nexon.net/vindictus/img/bg/border.png) 0 100% repeat-x;padding:7px 0} #p-com-spotlight li span{float:right} #p-com-spotlight li a{color:#996633;text-decoration:none} #p-com-spotlight li a:hover{text-decoration:underline;color:#fbb03f} #p-com-spotlight li.featured{list-style-image:none;border:solid 1px #73430d;background:url(http://nxcache.nexon.net/vindictus/img/bg/bg-black-alpha-50.png) 0 0 repeat;padding:20px;margin:0 0 10px 0} #p-com-spotlight li.featured a{font-weight:bold;color:#fbb03f;} #p-com-spotlight li.featured img{float:left;margin:0 20px 20px 0} #p-com-spotlight li.featured span{} #p-com-spotlight li.last{padding-bottom:40px} /* Major Updates */ #p-majorupdates {width:580px;float:left} #p-majorupdates li {width:270px;float:left;margin-bottom:15px;margin-right:20px;} #p-majorupdates .thumb {display:block;float:left;border:solid 1px #996633;margin-bottom:5px;} #p-majorupdates .info {text-align:center;} #p-majorupdates a {color:#fbb03f; text-decoration:none;} #p-majorupdates a:hover {text-decoration:underline;} /*#p-majorupdates p {margin-top:10px;color:#963;} /*oath event*/ .oath-event{position:relative;float:left;margin-left:-10px;line-height:22px} .oath-event em{font-style:normal;color:#fbb03f;} .oath-event h2{color:#aa0c39;margin-bottom:20px;padding-top:10px} .oath-event h3{color:#fbb03f;font-size:12px;margin-bottom:10px} .oath-event strong{color:#fbb03f} .oath-event ul{margin-bottom:20px} .col-left{width:280px;float:left} .oath-table{background:url(../img/event/oath/bg-oath-table.png) no-repeat;width:570px;height:580px;float:left;margin:-200px 0 0 -15px;position:relative} .oath-table table{width:540px;position:absolute;top:242px;left:48px;color:#c0870f;font-weight:bold} .oath-table.invalid table{color:#402e22} .oath-table tr{height:32px} .btn-submit{background:url(../img/event/oath/btn-submit.png) no-repeat;width:160px;height:54px;text-indent:-99999px;position:absolute;bottom:17px;left:200px;display:block;border:none;cursor:pointer} .oath-table.invalid .btn-submit{background-image:url(img/event/oath/invalid-btn-submit.png)} .alert-message{background:url(../img/event/oath/bg-alert.png) no-repeat;width:340px;height:253px;position:absolute;top:35px;left:95px;text-align:center} .alert-message h1{color:#fbb03f;font-size:18px;text-transform:uppercase;font-weight:normal;margin:60px 0 12px} .alert-message p{padding:0 40px} .btn-cancel{background:url(../img/event/oath/btn-cancel.png) no-repeat;width:83px;height:41px;display:block;text-indent:-9999px;position:absolute;bottom:15px;left:85px} .btn-ok{background:url(../img/event/oath/btn-ok.png) no-repeat;width:81px;height:41px;display:block;text-indent:-9999px;position:absolute;bottom:15px;left:130px} .btn-close{width:13px;height:13px;background:url(../img/event/oath/btn-close.png) no-repeat;position:absolute;text-indent:-9999px;display:block;top:2px;right:2px} /*Fix for subnavigation issue (per dev team request)*/ #m-subnav-body .active ul li a{text-transform:capitalize;color:#996633;font-weight:normal} #m-subnav-body .active li.active a, #m-subnav-body .active li a:hover{color:#FBB03F !important} /* Episode 9: Song of Doom */ /* After the Spotlight enforcements were added I only had to modify a few lines with !important */ #p-news-detail-body h2.doom { width: 519px; height: 300px; margin: 0 auto !important; text-indent: -9999px; background: transparent url(../img/spotlight/episode9/header-bg.png) 0 0 no-repeat; } /* Tabs */ #simple-tabs { } #tabs { height: 50px; } #tabs li { width: 131px; height: 51px; padding-left: 0; text-indent: -9999px; background: transparent url(../img/spotlight/episode9/tabs-sprite.png) 0 center no-repeat; float: left; cursor: pointer; } #tabs .call-heroes { background-position: -131px center; } #tabs .new-foes { background-position: -262px center; } #tabs .new-treasures { width: 126px; background-position: right center; } #tabs .song-begins.active { background-position: left top; } #tabs .call-heroes.active { background-position: -131px top; } #tabs .new-foes.active { background-position: -262px top; } #tabs .new-treasures.active { background-position: right top; } #tabs .new-foes.deactivate { background-position: -262px bottom; } #tabs .new-treasures.deactivate { background-position: right bottom; } /*.content-holder { height: 1011px; }*/ #simple-tabs-content .img-wrap { margin: 8px 0 5px; padding: 3px 5px 5px 3px; background: #120701; } #simple-tabs-content h3 { margin: 28px 0 12px; text-indent: -9999px; } #simple-tabs-content img { border: 1px solid #56371a; } /* The Song Begins */ #simple-tabs-content #tab1 { height: 538px; background: transparent url(../img/spotlight/episode9/chains-bg.png) right -26px no-repeat; } #simple-tabs-content #tab1 h3 { width: 467px; height: 25px; background: transparent url(../img/spotlight/episode9/subheader-001-bg.png) 0 0 no-repeat; } #simple-tabs-content #tab1 small { font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; color: #ab0c33 !important; } #simple-tabs-content #tab1 .img-wrap, #simple-tabs-content #tab3 .img-wrap { width: 247px; height: 135px; } #simple-tabs-content #tab1 p { width: 262px; margin-bottom: 0; } /* A Call for Heroes */ #simple-tabs-content #tab2 { height: 953px; background: transparent url(../img/spotlight/episode9/cave-bg.png) center 518px no-repeat; } #simple-tabs-content #tab2 h3 { width: 489px; height: 48px; background: transparent url(../img/spotlight/episode9/subheader-002-bg.png) 0 0 no-repeat; } #simple-tabs-content #tab2 .img-wrap { width: 512px; height: 212px; } /* New Foes */ #simple-tabs-content #tab3 { height: 1028px; background: transparent url(../img/spotlight/episode9/monster-bg.png) -8px 619px no-repeat; } #simple-tabs-content #tab3 h3 { width: 521px; height: 28px; background: transparent url(../img/spotlight/episode9/subheader-003-bg.png) 0 0 no-repeat; } #simple-tabs-content #tab3 .img-wrap{ margin: 0 0 12px; } #simple-tabs-content #tab3 .img-wrap, #simple-tabs-content #tab3 .foes-list { float: left; } .foes-list { width: 255px; height: 163px; margin-left: 10px; } .foes-list dt { margin-right: 10px; float: left; } .foes-list dt, .foes-list dd span { font-weight: bold; } .foes-list dd + dd { margin-top: 5px; font-weight: normal; clear: both; } /* New Treasures */ #simple-tabs-content #tab4 { height: 1408px; background: transparent url(../img/spotlight/episode9/characters-bg.png) 0 bottom no-repeat; } #simple-tabs-content #tab4 h3 { width: 314px; height: 28px; background: transparent url(../img/spotlight/episode9/subheader-004-bg.png) 0 0 no-repeat; } #simple-tabs-content #tab4 h3 ~ h3 { width: 424px; height: 28px; margin-top: 7px; background: transparent url(../img/spotlight/episode9/subheader-005-bg.png) 0 0 no-repeat; } #simple-tabs-content #tab4 p { margin-bottom: 0; } #simple-tabs-content #tab4 p ~ p { margin-top: 10px; } #simple-tabs-content #tab4 .img-wrap { width: 247px; height: 272px; margin-top: 3px; float: left; } #simple-tabs-content #tab4 .add-ml { margin-left: 10px; } #simple-tabs-content #tab4 table { margin: 2px 0 0; } #simple-tabs-content #tab4 th { padding: 1px 4px !important; color: #ab0c33 !important; } #simple-tabs-content #tab4 td { padding: 1px 0; } #simple-tabs-content #tab4 .remove-ta { padding-left: 9px; text-align: left; } #s-body { padding-bottom: 68px; }