#amountbuttons .btn img, #amountbuttons .btncost, #amountbuttons .btnprice { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #Error-Bar {min-height:40px;} #Error-Bar p {margin:0 10px;padding:10px;} #Error-Bar.global-error {background-color:rgba(255,0,0,0.5)} #Error-Bar.global-warning {background-color:rgba(255,255,0,0.5)} #Error-Bar.global-complete {background-color:rgba(0,255,0,0.5)} .unverified {color: #FF0000} .global-collapser, a, #GamesMenu li, .TopNavSubs li, #Nav-Logo, .devpost-item:hover {cursor: pointer;} .soc-media {margin-bottom:20px;min-width:205px;} footer {margin-top:20px;} footer .soc-media{margin-bottom:0px;} .contact-us { padding-left: 0; padding-right: 0; } #GlobalNav, #GlobalNav a, #GlobalNav p {font-family: sans-serif !important;} button, .btn, .btn a, a .btn, .thread a, .navbar-button-attributes p, .player-name a, .announcement-item a, .subcat a, #GlobalNav a, #More-News .news-item a, #Featured-News .news-item a, .spellcast-module a, .developerposts-module a, .signup-button, .dev-posts-owl a, #playpause a, .wiki-btn a, h1 a, h2 a, h3 a, h4 a { text-decoration:none !important; } .pager.paginationThreads, .pager.paginationPosts { height: 32px; padding: 4px 0; } .btn {height:40px;} .btn-sm {height: 30px;} .btn-lg {height: 90px;} .btn.btn-sm h4{ margin: 0 !important; padding-top: 6px; } .btn.btn-xs h4{ margin: 0 !important; padding-top: 0px; } h2 {font-size:30px;margin:20px 0;} h3 {font-size:20px;} h2, h3 {text-transform:uppercase;} .soc-media h4 {margin:6px 0;height: 30px;} .hidden { display: none !important; } .sm-fb, .sm-goog, .sm-twitt { height: 40px; width: 40px; float: right; margin-top: 6px; } video#backgroundvid { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background-size: cover; transform: translateX(0%) translateY(0%); } .p0 > div {padding:0 !important;} .p1 > ul, .p1 > div {padding-left:1px;padding-right:1px;} .p2 > ul, .p2 > div {padding-left:2px;padding-right:2px;} .p3 > ul, .p3 > div {padding-left:3px;padding-right:3px;} .p4 > ul, .p4 > div {padding-left:4px;padding-right:4px;} .p5 > ul, .p5 > div {padding-left:5px;padding-right:5px;} .p6 > ul, .p6 > div {padding-left:6px;padding-right:6px;} .p7 > ul, .p7 > div {padding-left:7px;padding-right:7px;} .p8 > ul, .p8 > div {padding-left:8px;padding-right:8px;} .p9 > ul, .p9 > div {padding-left:9px;padding-right:9px;} .p10 > ul, .p10 > div {padding-left:10px;padding-right:10px;} .indent-10 {padding-left:10px;} .indent-20 {padding-left:20px;} .dim-25 {opacity:0.25;} .dim-50 {opacity:0.5;} .dim-75 {opacity:0.75;} .vspace-5 {height:5px} .vspace-10 {height:10px} .vspace-15 {height:15px} .vspace-20 {height:20px} .pager a, .pager input, .pager p, .fleft {float:left;} .fright, .pager .next-page, .pager .last-page {float:right;} #Recent-Posts table {width: 100%;} #Recent-Posts tr:nth-child(odd) {background-color: rgba(0,0,0,0.3);} col:first-child {background-color: rgba(0,0,0,0.3);} .post-developer-butttons input {margin:2px 20px 0 5px;} /* ------------------------- Icons ------------------------- */ /* Category Icons */ .scat-icon {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Help Wanted */ a:hover .scat-icon {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Help Wanted Hover */ /* SB (1) */ .icon2 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Help Wanted */ a:hover .icon2 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Help Wanted Hover */ /* TIB (2) */ .icon3 {background: url('//www.spellbook.com/media/new-images/tib/icons/general.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* General */ .icon4 {background: url('//www.spellbook.com/media/new-images/tib/icons/techsupport.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Tech Support */ .icon5 {background: url('//www.spellbook.com/media/new-images/tib/icons/bug.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Bug Reports */ .icon6 {background: url('//www.spellbook.com/media/new-images/tib/icons/suggestions.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Suggestions */ .icon7 {background: url('//www.spellbook.com/media/new-images/tib/icons/sell.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Auction House */ .icon8 {background: url('//www.spellbook.com/media/new-images/tib/icons/alliances.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Corporations */ .icon9 {background: url('//www.spellbook.com/media/new-images/tib/icons/pvp.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Player vs Player */ .icon10 {background: url('//www.spellbook.com/media/new-images/tib/icons/unread-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Lore and Fiction */ a:hover .icon3 {background: url('//www.spellbook.com/media/new-images/tib/icons/general-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* General */ a:hover .icon4 {background: url('//www.spellbook.com/media/new-images/tib/icons/techsupport-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Tech Support */ a:hover .icon5 {background: url('//www.spellbook.com/media/new-images/tib/icons/bug-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Bug Reports */ a:hover .icon6 {background: url('//www.spellbook.com/media/new-images/tib/icons/suggestions-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Suggestions */ a:hover .icon7 {background: url('//www.spellbook.com/media/new-images/tib/icons/sell-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Auction House */ a:hover .icon8 {background: url('//www.spellbook.com/media/new-images/tib/icons/alliances-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Corporations */ a:hover .icon9 {background: url('//www.spellbook.com/media/new-images/tib/icons/pvp-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Player vs Player */ a:hover .icon10 {background: url('//www.spellbook.com/media/new-images/tib/icons/unread-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Lore and Fiction */ /* Dire (3) */ .icon11 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* General */ .icon12 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Tech Support */ .icon13 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Bug Reports */ .icon14 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Suggestions */ a:hover .icon11 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* General */ a:hover .icon12 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Tech Support */ a:hover .icon13 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Bug Reports */ a:hover .icon14 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Suggestions */ /* RoN (4) */ .icon17 {background: url('//www.spellbook.com/media/new-images/ron/icons/forumcategory/general.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* General */ .icon18 {background: url('//www.spellbook.com/media/new-images/ron/icons/forumcategory/techsupport.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Tech Support */ .icon19 {background: url('//www.spellbook.com/media/new-images/ron/icons/forumcategory/bug.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Bugs, Mechanics & Balance */ .icon20 {background: url('//www.spellbook.com/media/new-images/ron/icons/forumcategory/suggestions.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Suggestions & Ideas */ a:hover .icon17 {background: url('//www.spellbook.com/media/new-images/ron/icons/forumcategory/general-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* General */ a:hover .icon18 {background: url('//www.spellbook.com/media/new-images/ron/icons/forumcategory/techsupport-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Tech Support */ a:hover .icon19 {background: url('//www.spellbook.com/media/new-images/ron/icons/forumcategory/bug-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Bugs, Mechanics & Balance */ a:hover .icon20 {background: url('//www.spellbook.com/media/new-images/ron/icons/forumcategory/suggestions-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Suggestions & Ideas */ /* Ctb (5) */ .icon23 {background: url('//www.spellbook.com/media/new-images/ctb/icons/forumcategories/general.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* General */ .icon24 {background: url('//www.spellbook.com/media/new-images/ctb/icons/forumcategories/alliances.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Allegiance */ .icon25 {background: url('//www.spellbook.com/media/new-images/ctb/icons/forumcategories/pvp.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Player Versus Player */ .icon26 {background: url('//www.spellbook.com/media/new-images/ctb/icons/forumcategories/techsupport.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;}/* Support & Feedback */ a:hover .icon23 {background: url('//www.spellbook.com/media/new-images/ctb/icons/forumcategories/general-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* General */ a:hover .icon24 {background: url('//www.spellbook.com/media/new-images/ctb/icons/forumcategories/alliances-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Allegiance */ a:hover .icon25 {background: url('//www.spellbook.com/media/new-images/ctb/icons/forumcategories/pvp-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Player Versus Player */ a:hover .icon26 {background: url('//www.spellbook.com/media/new-images/ctb/icons/forumcategories/techsupport-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;}/* Support & Feedback */ /* SpellCast (6) */ .icon28 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* General Chat */ .icon29 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Show Recap */ a:hover .icon28 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* General Chat */ a:hover .icon29 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Show Recap */ /* Guild (7) */ .icon33 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* GuildName */ /* Other */ .icon1 {background: url('//www.spellbook.com/media/new-images/tib/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;}/* Null */ .icon15 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Employee Forum */ .icon16 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Null */ .icon27 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Null */ .icon28 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* General Chat */ .icon29 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Null */ .icon30 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Null */ .icon31 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Null */ .icon32 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Null */ .icon33 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Null */ .icon34 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Null */ .icon35 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Null */ a:hover .icon1 {background: url('//www.spellbook.com/media/new-images/tib/icons/settings-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;}/* Null */ a:hover .icon15 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Employee Forum */ a:hover .icon16 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Null */ a:hover .icon27 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* Null */ a:hover .icon28 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* General Chat */ .icon.settings.staff-options { height: 20px; width: 20px; } .icon { background-repeat: no-repeat; background-color:transparent; width:32px;height:32px; background-size:cover; } .icon.alliances {background-image: url('//www.spellbook.com/media/new-images/sb/icons/icon-alliances.png');} .icon.avatar {background-image: url('//www.spellbook.com/media/new-images/sb/icons/avatar-sm.png');} .icon.bold {background-image: url('//www.spellbook.com/media/new-images/sb/icons/bold-sm.png');} .icon.builder-mask {background-image: url('//www.spellbook.com/media/new-images/sb/icons/builder-mask-sm.png');} .icon.collapser {background-image: url('//www.spellbook.com/media/new-images/sb/icons/collapse-sm.png');} .icon.comment {background-image: url('//www.spellbook.com/media/new-images/sb/icons/comment-sm.png');} .icon.crown {background-image: url('//www.spellbook.com/media/new-images/sb/icons/crown-sm.png');} .icon.crown-gold{background-image: url('//www.spellbook.com/media/new-images/sb/icons/crown-gold-sm.png');} .icon.delete {background-image: url('//www.spellbook.com/media/new-images/sb/icons/delete-sm.png');} .icon.download {background-image: url('//www.spellbook.com/media/new-images/sb/icons/download-sm.png');} .icon.edit {background-image: url('//www.spellbook.com/media/new-images/sb/icons/edit-sm.png');} .icon.exit {background-image: url('//www.spellbook.com/media/new-images/sb/icons/exit-sm.png');} .icon.fb {background-image: url('//www.spellbook.com/media/new-images/sb/icons/fb-sm.png');} .icon.first {background-image: url('//www.spellbook.com/media/new-images/sb/icons/double-left-sm.png');} .icon.free {background-image: url('//www.spellbook.com/media/new-images/sb/icons/free-sm.png');} .icon.follow {opacity: 0.5;background-image: url('//www.spellbook.com/media/new-images/sb/icons/watch-sm.png');} .icon.goog {background-image: url('//www.spellbook.com/media/new-images/sb/icons/goog-sm.png');} .icon.italic {background-image: url('//www.spellbook.com/media/new-images/sb/icons/italic-sm.png');} .icon.last {background-image: url('//www.spellbook.com/media/new-images/sb/icons/double-right-sm.png');} .icon.left {background-image: url('//www.spellbook.com/media/new-images/sb/icons/left-sm.png');} .icon.lock {background-image: url('//www.spellbook.com/media/new-images/sb/icons/lock-sm.png');} .icon.mail {background-image: url('//www.spellbook.com/media/new-images/sb/icons/mail-sm.png');} .icon.navdown {background-image: url('//www.spellbook.com/media/new-images/sb/icons/dropdown-lg.png');} .icon.pin {background-image: url('//www.spellbook.com/media/new-images/sb/icons/pin-sm.png');} .icon.play {background-image: url('//www.spellbook.com/media/new-images/sb/icons/play-sm.png');} .icon.preview {background-image: url('//www.spellbook.com/media/new-images/sb/icons/preview-sm.png');} .icon.quote {background-image: url('//www.spellbook.com/media/new-images/sb/icons/quote-sm.png');} .icon.read {background-image: url('//www.spellbook.com/media/new-images/sb/icons/read-sm.png');} .icon.right {background-image: url('//www.spellbook.com/media/new-images/sb/icons/right-sm.png');} .icon.settings {background-image: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png');} .icon.tribar {background-image: url('//www.spellbook.com/media/new-images/sb/icons/tribar-sm.png');} .icon.twit {background-image: url('//www.spellbook.com/media/new-images/sb/icons/twit-sm.png');} .icon.underline {background-image: url('//www.spellbook.com/media/new-images/sb/icons/underline-sm.png');} .icon.unread {background-image: url('//www.spellbook.com/media/new-images/sb/icons/unread-sm.png');} .icon.votedown {background-image: url('//www.spellbook.com/media/new-images/sb/icons/votedown-sm.png');} .icon.voteup {background-image: url('//www.spellbook.com/media/new-images/sb/icons/voteup-sm.png');} .icon.yout {background-image: url('//www.spellbook.com/media/new-images/sb/icons/yt-sm.png');} .active.icon.collapser {background-image: url('//www.spellbook.com/media/new-images/sb/icons/expand-sm.png');} .active.icon.collapser:hover {background-image: url('//www.spellbook.com/media/new-images/sb/icons/expand-sm-hover.png');} .collapser:hover {background-image: url('//www.spellbook.com/media/new-images/sb/icons/collapse-sm-hover.png');} li.navbutton:hover .icon.alliances , a:hover .icon.alliances , button:hover .icon.alliances , button.active .icon.alliances {background-image: url('//www.spellbook.com/media/new-images/sb/icons/icon-alliances.png');} li.navbutton:hover .icon.avatar , a:hover .icon.avatar , button:hover .icon.avatar , button.active .icon.avatar {background-image: url('//www.spellbook.com/media/new-images/sb/icons/avatar-sm-hover.png');} li.navbutton:hover .icon.bold , a:hover .icon.bold , button:hover .icon.bold , button.active .icon.bold {background-image: url('//www.spellbook.com/media/new-images/sb/icons/bold-sm-hover.png');} li.navbutton:hover .icon.builder-mask , a:hover .icon.builder-mask , button:hover .icon.builder-mask , button.active .icon.builder-mask {background-image: url('//www.spellbook.com/media/new-images/sb/icons/builder-mask-sm-hover.png');} li.navbutton:hover .icon.comment , a:hover .icon.comment , button:hover .icon.comment , button.active .icon.comment {background-image: url('//www.spellbook.com/media/new-images/sb/icons/comment-sm-hover.png');} li.navbutton:hover .icon.crown , a:hover .icon.crown , button:hover .icon.crown , button.active .icon.crown {background-image: url('//www.spellbook.com/media/new-images/sb/icons/crown-sm-hover.png');} li.navbutton:hover .icon.delete , a:hover .icon.delete , button:hover .icon.delete , button.active .icon.delete {background-image: url('//www.spellbook.com/media/new-images/sb/icons/delete-sm-hover.png');} li.navbutton:hover .icon.download , a:hover .icon.download , button:hover .icon.download , button.active .icon.download {background-image: url('//www.spellbook.com/media/new-images/sb/icons/download-sm.png');} li.navbutton:hover .icon.edit , a:hover .icon.edit , button:hover .icon.edit , button.active .icon.edit {background-image: url('//www.spellbook.com/media/new-images/sb/icons/edit-sm-hover.png');} li.navbutton:hover .icon.exit , a:hover .icon.exit , button:hover .icon.exit , button.active .icon.exit {background-image: url('//www.spellbook.com/media/new-images/sb/icons/exit-sm-hover.png');} li.navbutton:hover .icon.fb , a:hover .icon.fb , button:hover .icon.fb , button.active .icon.fb {background-image: url('//www.spellbook.com/media/new-images/sb/icons/fb-sm-hover.png');} li.navbutton:hover .icon.free , a:hover .icon.free , button:hover .icon.free , button.active .icon.free {background-image: url('//www.spellbook.com/media/new-images/sb/icons/free-sm.png');} li.navbutton:hover .icon.follow , a:hover .icon.follow , button:hover .icon.follow , button.active .icon.follow , .icon.follow.active {opacity: 1;background-image: url('//www.spellbook.com/media/new-images/sb/icons/watch-sm-hover.png');} li.navbutton:hover .icon.goog , a:hover .icon.goog , button:hover .icon.goog , button.active .icon.goog {background-image: url('//www.spellbook.com/media/new-images/sb/icons/goog-sm-hover.png');} li.navbutton:hover .icon.italic , a:hover .icon.italic , button:hover .icon.italic , button.active .icon.italic {background-image: url('//www.spellbook.com/media/new-images/sb/icons/italic-sm-hover.png');} li.navbutton:hover .icon.lock , a:hover .icon.lock , button:hover .icon.lock , button.active .icon.lock {background-image: url('//www.spellbook.com/media/new-images/sb/icons/lock-sm-hover.png');} li.navbutton:hover .icon.mail , a:hover .icon.mail , button:hover .icon.mail , button.active .icon.mail {background-image: url('//www.spellbook.com/media/new-images/sb/icons/mail-sm-hover.png');} li.navbutton:hover .icon.pin , a:hover .icon.pin , button:hover .icon.pin , button.active .icon.pin {background-image: url('//www.spellbook.com/media/new-images/sb/icons/pin-sm-hover.png');} li.navbutton:hover .icon.play , a:hover .icon.play , button:hover .icon.play , button.active .icon.play {background-image: url('//www.spellbook.com/media/new-images/sb/icons/play-sm-hover.png');} li.navbutton:hover .icon.quote , a:hover .icon.quote , button:hover .icon.quote , button.active .icon.quote {background-image: url('//www.spellbook.com/media/new-images/sb/icons/quote-sm-hover.png');} li.navbutton:hover .icon.read , a:hover .icon.read , button:hover .icon.read , button.active .icon.read {background-image: url('//www.spellbook.com/media/new-images/sb/icons/read-sm-hover.png');} li.navbutton:hover .icon.settings , a:hover .icon.settings , button:hover .icon.settings , button.active .icon.settings {background-image: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png');} li.navbutton:hover .icon.tribar , a:hover .icon.tribar , button:hover .icon.tribar , button.active .icon.tribar , #GlobalNav #Nav-Tri:hover .icon.tribar {background-image: url('//www.spellbook.com/media/new-images/sb/icons/tribar-sm-hover.png');} li.navbutton:hover .icon.twit , a:hover .icon.twit , button:hover .icon.twit , button.active .icon.twit {background-image: url('//www.spellbook.com/media/new-images/sb/icons/twit-sm-hover.png');} li.navbutton:hover .icon.underline , a:hover .icon.underline , button:hover .icon.underline , button.active .icon.underline {background-image: url('//www.spellbook.com/media/new-images/sb/icons/underline-sm-hover.png');} li.navbutton:hover .icon.unread , a:hover .icon.unread , button:hover .icon.unread , button.active .icon.unread {background-image: url('//www.spellbook.com/media/new-images/sb/icons/unread-sm-hover.png');} li.navbutton:hover .icon.votedown , a:hover .icon.votedown , button:hover .icon.votedown , button.active .icon.votedown {background-image: url('//www.spellbook.com/media/new-images/sb/icons/votedown-sm-hover.png');} li.navbutton:hover .icon.voteup , a:hover .icon.voteup , button:hover .icon.voteup , button.active .icon.voteup {background-image: url('//www.spellbook.com/media/new-images/sb/icons/voteup-sm-hover.png');} li.navbutton:hover .icon.yout , a:hover .icon.yout , button:hover .icon.yout , button.active .icon.yout {background-image: url('//www.spellbook.com/media/new-images/sb/icons/yt-sm-hover.png');} li.navbutton:hover .icon.first , a:hover .icon.first , button:hover .icon.first , button.active .icon.first , .pagination-first:hover {background-image: url('//www.spellbook.com/media/new-images/sb/icons/double-left-sm-hover.png'); cursor: pointer;} li.navbutton:hover .icon.last , a:hover .icon.last , button:hover .icon.last , button.active .icon.last , .pagination-last:hover {background-image: url('//www.spellbook.com/media/new-images/sb/icons/double-right-sm-hover.png'); cursor: pointer;} li.navbutton:hover .icon.left , a:hover .icon.left , button:hover .icon.left , button.active .icon.left , .pagination-previous:hover, .icon.left:hover {background-image: url('//www.spellbook.com/media/new-images/sb/icons/left-sm-hover.png'); cursor: pointer;} li.navbutton:hover .icon.right , a:hover .icon.right , button:hover .icon.right , button.active .icon.right , .pagination-next:hover, .icon.right:hover {background-image: url('//www.spellbook.com/media/new-images/sb/icons/right-sm-hover.png'); cursor: pointer;} li.navbutton:hover .icon.navdown , a:hover .icon.navdown , .navbar-background:hover .icon.navdown {background-image: url('//www.spellbook.com/media/new-images/sb/icons/dropdown-lg-hover.png');} .soc-media .icon {width:25px; height:25px;margin:3px 0;} .owl-prev {background: url('//www.spellbook.com/media/new-images/sb/prev-btn.jpg') no-repeat;} .owl-next {background: url('//www.spellbook.com/media/new-images/sb/next-btn.jpg') no-repeat;} .soc-media .icon {width:25px; height:25px;margin:3px 0;} .download-btn {display: inline-block;height:47px;width:118px;margin:5px;background-size: contain !important;} #download-upper .download-btn {margin:1px 0;} .dload-amzn {background: url('../../images/tib/Download/amzn.png') no-repeat center center;} .dload-amzn:hover {background: url('../../images/tib/Download/amzn-highlight.png') no-repeat center center;} .dload-ggl-play{background: url('../../images/tib/Download/ggl-play.png') no-repeat center center;} .dload-ggl-play:hover{background: url('../../images/tib/Download/ggl-play-highlight.png') no-repeat center center;} .dload-app-store{background: url('../../images/tib/Download/app-store.png') no-repeat center center;} .dload-app-store:hover{background: url('../../images/tib/Download/app-store-highlight.png') no-repeat center center;} .dload-apk{background: url('../../images/tib/Download/apk.png') no-repeat center center;} .dload-apk:hover{background: url('../../images/tib/Download/apk-highlight.png') no-repeat center center;} .dload-win{background: url('../../images/tib/Download/win.png') no-repeat center center;} .dload-win:hover{background: url('../../images/tib/Download/win-highlight.png') no-repeat center center;} .dload-lin{background: url('../../images/tib/Download/linux.png') no-repeat center center;} .dload-lin:hover{background: url('../../images/tib/Download/linux-highlight.png') no-repeat center center;} .dload-macosx{background: url('../../images/tib/Download/macosx.png') no-repeat center center;} .dload-macosx:hover{background: url('../../images/tib/Download/macosx-highlight.png') no-repeat center center;} /* ------------------------- Global Nav Bar ------------------------- */ #GlobalNav .icon.avatar {background-image: url('//www.spellbook.com/media/new-images/sb/icons/avatar-sm.png');} #GlobalNav .icon.builder-mask{background-image: url('//www.spellbook.com/media/new-images/sb/icons/builder-mask-sm.png');} #GlobalNav .icon.exit {background-image: url('//www.spellbook.com/media/new-images/sb/icons/exit-sm.png');} #GlobalNav .icon.lock {background-image: url('//www.spellbook.com/media/new-images/sb/icons/lock-sm.png');} #GlobalNav .icon.mail {background-image: url('//www.spellbook.com/media/new-images/sb/icons/mail-sm.png');} #GlobalNav .icon.settings {background-image: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm.png');} #GlobalNav .icon.tribar {background-image: url('//www.spellbook.com/media/new-images/sb/icons/tribar-sm.png');} #GlobalNav li.navbutton:hover .icon.avatar ,#GlobalNav a:hover .icon.avatar ,#GlobalNav button:hover .icon.avatar ,#GlobalNav button.active .icon.avatar {background-image: url('//www.spellbook.com/media/new-images/sb/icons/avatar-sm-hover.png') !important;} #GlobalNav li.navbutton:hover .icon.builder-mask ,#GlobalNav a:hover .icon.builder-mask ,#GlobalNav button:hover .icon.builder-mask ,#GlobalNav button.active .icon.builder-mask{background-image: url('//www.spellbook.com/media/new-images/sb/icons/builder-mask-sm-hover.png') !important;} #GlobalNav li.navbutton:hover .icon.exit ,#GlobalNav a:hover .icon.exit ,#GlobalNav button:hover .icon.exit ,#GlobalNav button.active .icon.exit {background-image: url('//www.spellbook.com/media/new-images/sb/icons/exit-sm-hover.png') !important;} #GlobalNav li.navbutton:hover .icon.lock ,#GlobalNav a:hover .icon.lock ,#GlobalNav button:hover .icon.lock ,#GlobalNav button.active .icon.lock {background-image: url('//www.spellbook.com/media/new-images/sb/icons/lock-sm-hover.png') !important;} #GlobalNav li.navbutton:hover .icon.mail ,#GlobalNav a:hover .icon.mail ,#GlobalNav button:hover .icon.mail ,#GlobalNav button.active .icon.mail {background-image: url('//www.spellbook.com/media/new-images/sb/icons/mail-sm-hover.png') !important;} #GlobalNav li.navbutton:hover .icon.settings ,#GlobalNav a:hover .icon.settings ,#GlobalNav button:hover .icon.settings ,#GlobalNav button.active .icon.settings {background-image: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') !important;} #GlobalNav li.navbutton:hover .icon.tribar ,#GlobalNav a:hover .icon.tribar ,#GlobalNav button:hover .icon.tribar ,#GlobalNav button.active .icon.tribar {background-image: url('//www.spellbook.com/media/new-images/sb/icons/tribar-sm-hover.png') !important;} #GlobalNav div, #GlobalNav p { font-weight: 400; font-size: 17px; } #GlobalNav #GamesMenu .global-collapser{ /*font-weight: bold;*/ font-size: 18px; } #GlobalNav .TopNavSubs .icon { margin-top: 3px; margin-left: 3px; } #GlobalNav #Nav-Notifications:hover .icon.mail {background-image: url('//www.spellbook.com/media/new-images/sb/icons/mail-sm-hover.png') !important;} #GlobalNav #Nav-More:hover .icon.settings {background-image: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') !important;} #GlobalNav #topnav .navbutton:hover, #GlobalNav #topnav .navbutton:hover a, #GlobalNav #topnav .navbutton:hover h1, #GlobalNav #topnav .navbutton:hover h2, #GlobalNav #topnav .navbutton:hover div, #GlobalNav #topnav .navbutton:hover p, #GlobalNav #topnav ul#results li.result:hover a, #GlobalNav #topnav li:hover div, /* highlights the category li */ #GlobalNav #topnav a:hover, /* highlights actual anchor */ #GlobalNav #topnav ul li ul li:hover a p{ /* highlights actual anchor */ color: #FFF !important; text-shadow: 0 0 10px rgb(255, 255, 255); cursor: pointer; } #GlobalNav #Nav-Tri {float:left;padding: 4px} #GlobalNav { background: url('//www.spellbook.com/media/new-images/sb/global-nav_01.jpg'), url('//www.spellbook.com/media/new-images/sb/global-nav_03.jpg'), url('//www.spellbook.com/media/new-images/sb/global-nav_02.jpg'); background-size: 10px 100%, 10px 100%, calc(100% - 20px) 100%; background-position: 0 0,100% 0, 10px 0; background-repeat: no-repeat, no-repeat, no-repeat; box-shadow: 0px 5px 10px rgba(0,0,0,0.33); } .GlobalNav-Top { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ padding-left: 0; margin-top: 0; } #GlobalNav #topnav, #GlobalNav #topnav a, #GlobalNav #topnav h1, #GlobalNav #topnav h2, #GlobalNav #topnav div, #GlobalNav #topnav p, #Error-Bar p, h4#results-text { color: #ffeecb !important; text-shadow: 1px 1px 1px #000 !important; } #GlobalNav .searchbar { height:40px !important; flex-grow: 1 !important; -webkit-flex-grow: 1 !important; } #GlobalNav .searchbar input{ background-color: rgba(25,30,36,0.66) !important; box-shadow: inset 3px 3px 5px rgba(0,0,0,0.33) !important; color: rgb(255,238,203) !important; } #GlobalNav .searchbar input::-webkit-input-placeholder{ color: rgb(65,74,86) !important; } #GlobalNav .searchbar input::-moz-placeholder{ color: rgb(65,74,86) !important; } #GlobalNav .searchbar input:-moz-placeholder { /* Older versions of Firefox */ color: rgb(65,74,86) !important; } #GlobalNav .searchbar input:-ms-input-placeholder { color: rgb(65,74,86) !important; } #GlobalNav .searchbar input:focus{ background-color: rgba(25,30,36,0.66) !important; color: rgb(255,238,203) !important; border: 1px solid #5f666f !important; box-shadow: inset 3px 3px 5px rgba(0,0,0,0.33) !important; } #GlobalNav .searchbar div { margin:7px 10px !important; height:30px !important; } #GlobalNav .searchbar input{width:99% !important;} #GlobalNav #Nav-Account-More a{padding:5px;} div#Nav-Logo { background-size:100%; height: 40px; float: left; background: url('//www.spellbook.com/media/new-images/sb/logo-global-nav.png') center; } .searchbar { height: 40px; float: left; padding-right:5px; } div#Nav-Logo, #topnav #GamesDrop {width:200px;} .Globalbuttons {margin:0;padding:0;} .navbutton.login-button { border-right:1px solid rgb(44,50,60); padding:10px; height:20px; } .navbutton.signup-button { padding:10px; height:20px; } .navbutton { padding:4px 4px; float:right; height:32px; text-align:center; vertical-align:middle; } .GlobalNav-Top li { flex-grow: 1; -webkit-flex-grow: 1; } .TopNavSubs > div { background: #aaa; position: absolute; padding:2px; z-index:5000; } .TopNavSubs > div > ul {padding:2px;margin:0;} #GlobalNav{ background-color: #001940; top: 0; width:100%; height: 40px; z-index:1000; } #topnav .global-collapser {font-size:18px;} #topnav li {bottom-margin:2px;} #topnav li a, #topnav ul li { vertical-align: middle; list-style: none; } #topnav h1, #topnav h3 {margin:0;float:left;} #topnav ul li {color:#000} .pushsubmenu {display:none;margin:0;padding-left:0;} #topnav .pushsubmenu li p {padding-left:15px;margin: 0;width: 100%;} #GamesMenu li ul li:hover, .navbutton:hover, #GlobalNav #Nav-Tri:hover, ul#results li:hover {background: rgba(134,159,192,0.25);} div#Nav-Logo:hover {background: rgba(134,159,192,0.25) url('//www.spellbook.com/media/new-images/sb/logo-global-nav.png') center;} .global-cplus { float: right; background-image: url('//www.spellbook.com/media/new-images/sb/icons/dropdown-sm.png'); width: 18px; height: 18px; margin-top: 0; background-size: contain; } li:hover .global-cplus { background-image: url('//www.spellbook.com/media/new-images/sb/icons/dropdown-sm-hover.png'); } .nav-expand {margin:2px 0;} .nav-expand > span {width:100%;} .TopNavSubs > div, #GlobalNav .searchbar input { border: 1px solid #526073 !important; } .TopNavSubs > div { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.50); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.50); box-shadow: 0 0 10px rgba(0,0,0,0.50); } #topnav ul li {color: #ffeecb !important;margin-bottom:5px;} .TopNavSubs .submenu { background-image: url('//www.spellbook.com/media/new-images/sb/global-nav-dropdown.jpg'); background-size:100% 100%; border-top-width: 0px !important; } #NotificationsDrop { width: 50%; float: right; padding:5px; } #MoreDrop { width: 180px; margin-left: 20px; float: right; padding:0; left: calc(50% + 268px); } #MoreDrop ul li, #MoreDrop ul {padding:0;} #MoreDrop ul li { width:180px !important; height:40px;} #MoreDrop ul li a { width:100% !important; height:40px; display:block;} #MoreDrop ul li a p { margin:0; vertical-align:middle; height:32px; text-align:left; padding: 10px 5px 10px 40px; } #MessagesDrop , #NotificationsDrop { padding-top:10px; max-width: 928px; } #MessagesDrop p:first-child, #NotificationsDrop p:first-child { font-weight:bold; margin:0; font-size:11pt; } #MessagesDrop p, #NotificationsDrop p{ min-height: 14px; max-height: 14px; line-height: 1em; padding: 0 10px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; margin: 5px 0 10px 0; font-size:10pt; } #Nav-User {min-width:120px;width:120px !important;} #Nav-Account-More, #Nav-ProfileShop-More, #Nav-Guild-More, #Nav-Messages-More, #Nav-Notifications-More {width:92px !important;} /* X */ h4#results-text { display: none; margin: 10px; } ul#results { display: none; width: 360px; margin-top: 4px; z-index: 999; } ul#results li { height: 30px ; padding: 8px; cursor: pointer; } ul#results li:first-child { border-top: none; } button#search-more { height: 30px; width: calc(100% - 20px); margin-left: 10px; margin-bottom: 10px; background: url('//www.spellbook.com/media/new-images/sb/blue-btn_01.jpg'),url('//www.spellbook.com/media/new-images/sb/blue-btn_03.jpg'), url('//www.spellbook.com/media/new-images/sb/blue-btn_02.jpg'); background-size: 25px 100%, 25px 100%, 5px 100%; background-position: 0 0,100% 0, 0 0; background-repeat: no-repeat, no-repeat, repeat; text-align: center; color: #FDEDC9; padding:5px 10px; border:0; box-shadow:none; } #GlobalNav .btn{ background: url('//www.spellbook.com/media/new-images/sb/blue-btn_01.jpg'),url('//www.spellbook.com/media/new-images/sb/blue-btn_03.jpg'), url('//www.spellbook.com/media/new-images/sb/blue-btn_02.jpg'); background-size: 50px 100%, 50px 100%, 50px 100%; background-position: 0 0,100% 0, 0 0; background-repeat: no-repeat, no-repeat, repeat; text-align: center; color: #FDEDC9; padding:5px 10px; border:0; } #GlobalNav .btn-sm { height:30px; background-size: 50px 100%, 50px 100%, 2px 100%; background-image: url('//www.spellbook.com/media/new-images/sb/blue-btn-sm_01.png'),url('//www.spellbook.com/media/new-images/sb/blue-btn-sm_03.jpg'), url('//www.spellbook.com/media/new-images/sb/blue-btn-sm_02.png'); } #GlobalNav .btn-xs { height:30px; background-size: 20px 100%, 20px 100%, 2px 100%; background-image: url('//www.spellbook.com/media/new-images/sb/blue-btn-sm_01.png'),url('//www.spellbook.com/media/new-images/sb/blue-btn-sm_03.jpg'), url('//www.spellbook.com/media/new-images/sb/blue-btn-sm_02.png'); } .notification form { margin-left: 10px; } button#search-more:hover { box-shadow:none !important; } .mailbadge { position:relative; } .mailbadge[data-badge]:after { content:attr(data-badge); position:absolute; top:15px; right:-5px; font-size:.7em; background: rgb(255,199,79) ; color:rgb(65,74,86); width:18px;height:18px; text-align:center; line-height:18px; border-radius:50%; box-shadow:0 0 1px #333333; } /* Backdrop is the div that makes the nav hide if the user clicks somewhere else on the page */ #NavMenuBackdrop { position:fixed; top: 40px; right: 0; bottom: 0; left: 0; z-index: 998; } /* ------------------------- END Global Nav Bar ------------------------- */ .item-header h4 {margin:0;} /* ------------------------- Nav Bar ------------------------- */ .navbar.sb, #navbar-mobile.sb {display:none;} .navbar-background .grid-container{padding:8px;} @media screen and (max-width: 730px) { .navbar-mobile-name { display: block !important; } #menu, .navbar { display: block; display: none; } .navbar-background { padding: 0 !important; } } @media screen and (min-width: 731px) { #navbar-mobile { display: none !important; } } .navbar-background {background-color: rgb(10, 23, 44);} .navbar-buttons { margin-top: 0; margin-bottom: 0; height: 38px; line-height: 38px; /* aligns the vertically centered */ display: flex; flex-direction: row; -webkit-flex-direction: row; } .navbar-button-attributes { height: 40px; float: left; display: block; overflow: hidden; padding-left: 0 !important; padding-right: 2px !important; list-style: none; flex-grow: 1; -webkit-flex-grow: 1; text-align: center; } .navbar-buttons li:first-child p.navbar-button-text {padding-left: 20px;} .navbar-button-attributes:last-child {padding-right: 0 !important;} .navbar-button-text-wrapper {height: 100%;} .navbar-button-text-wrapper a, .navbar-mobile-button a {text-decoration: none;} .navbar-button-text { text-align: center; margin: 0 !important; } .header-image,#menu {padding: 0 !important;} .navbar-mobile-button { text-align: center; border-top: 2px solid rgb(255, 255, 255); height: 40px; line-height: 40px; } span.icon.navdown {margin: -10px 10px 0;} p.navbar-mobile-name { margin: 0; padding-top: 1em; padding-bottom: 1em; } .navbar-mobile-name {display: none;text-align: center;} /* ------------------------- Guild Hub ------------------------- */ #GuildLanding .form-control {max-width:calc(100% - 10px);} #GuildLanding .module-content{margin:10px;} #guild-mgt .panel {padding-left:10px;} a:hover .icon33 {background: url('//www.spellbook.com/media/new-images/sb/icons/settings-sm-hover.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;} /* GuildName */ #Guild-Info .hline { width: calc(100% + 30px); margin-left: -20px; margin-top: -5px; } #Guild-Info .itembg.guildstats { background-image: url('//www.spellbook.com/media/new-images/sb/download-splash-bkg-3.jpg'); background-origin: border-box; border-bottom:0; height:190px; padding-left:10px; } #guild-members .spellbook-avatar {float:left;margin-right:10px;border:none;} #guild-members a {text-decoration: none;} #guild-members .content { max-height: 304px; overflow-y: auto; } #guild-members .grid-33 { margin-top: 5px; margin-bottom: 5px; } #guild-members .grid-33 p, #Guild-Info .guildstats h2 {margin: 0;} #guild-members .dropdown {margin-top: 44px;} #Guild-Info .motd { background-image: url('//www.spellbook.com/media/new-images/sb/item-shadow.png'), url('//www.spellbook.com/media/new-images/sb/item-marble.jpg') ; /*background-image: url('//www.spellbook.com/media/new-images/sb/item-marble.jpg') ;*/ background-size: 100% 100%, contain; background-repeat: no-repeat, repeat; background-origin: border-box; padding-left:10px; } #Guild-Info .motd { border-top:0; padding-top:10px; } /* ------------------------- Game Landing page ------------------------- */ #Game-Info > div, #Game-Media > div {min-height:70px;} #Game-Info h2 {margin-top:0;padding:0 0 10px 0} .more-news h4 {margin:0;} /* ----------------------------- News ----------------------------- */ #Featured-News .icon.comment {width:24px; height:24px; margin-top: 8px;} #GameLanding #Featured-News {padding:0 !important;} #GameLanding #Featured-News h2 {padding-left:10px;} #GameLanding .news-item {margin-bottom:10px;} /*#GameLanding .news-item img.News-img {max-height: 100px;}*/ #More-News .news-item h3 {margin: -2px 10px 0 0 !important;height:21px;overflow:hidden;line-height: 22px;} .news-item h3 {margin: 0 10px 0 10px;height:48px;overflow:hidden;font-size:16px;line-height:16px;} #Featured-News .news-item .grid-100 > div, #News .news-item .grid-100 > div {margin: 10px 10px 10px 8px;} #GameLanding .more-news { height:40px; margin-top: 10px; text-align:center; padding:10px 10px; } #GameLanding .news-item a {text-decoration:none;color:#000;} #GameLanding .quotecon { margin:0; padding:10px; height: 135px; overflow: hidden; text-overflow: ellipsis; } .news-item p.fleft { padding: 10px 10px 0 5px; margin: 0; } #GameLanding .when{margin:0;padding:10px;text-align: right;} #GameLanding footer {margin-top:30px;} #Game-News h2 {margin:0 0 10px 0;padding:10px} #Other-News h2 { margin: -5px 0 0 0; padding: 0 0 10px 0; /*height: 30px;*/ } #Other-News .news-item .grid-100 {padding: 10px;} #Other-News .news-item .news-image {padding: 0;} #NewsPage .news-item {margin-bottom:20px;} .time-author, .comm-soc { padding: 0 !important; } /* #NewsPage #Featured-News .news-item {height:225px;} #NewsPage #Featured-News .news-item > div {height:210px;} */ div#Other-News h3, div#Other-News .quotecon {padding-left: 0;white-space: pre-wrap;} #NewsPage .more-news { height: 40px; margin-bottom: 20px; background: #aaa; text-align: center; padding: 10px 10px; } #Featured-News .quotecon {height:125px;overflow:hidden;padding: 0 10px;} #NewsPage #Featured-News h3 {height:48px;overflow:hidden} #NewsPage #Featured-News .quotecon {height:55px;overflow:hidden;max-height:135px} #NewsPage .news-item a {text-decoration:none;color:#000;} #NewsPage h3 {margin: 0;padding: 0 10px;} #NewsPage .quotecon { margin: 0; padding: 5px 10px 0 10px; line-height:18px; min-height: 36px; max-height: 85px; /*overflow: hidden;*/ /*text-overflow: ellipsis;*/ } .when { margin: 0; padding: 10px; text-align: right; } #Other-News .when {padding: 10px 0 0 0;} #Featured-News .news-item > div {background-color: #008a90; -moz-background-clip: border; /* Firefox 3.6 */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } #Other-News .news-item{background-color: #074290;} /* ----------------------------- News Item ----------------------------- */ #NewsItem .news-item {background-color: #008a90;} /* ----------------------------- Modules ----------------------------- */ .fb-like-box.fb_iframe_widget {margin-left: -10px;} .module h4 {margin:6px 0;} .spellcast-module {margin:0 0;} .spellcast-module > .grid-100, .developerposts-module > .grid-100, .twit-module > .grid-100, .fb-module > .grid-100 {padding:0;} .news-module h4, .spellcast-module h4, .developerposts-module h4, .twit-module h4, .fb-module h4 {margin:0 0;} .module-content {margin:-10px 0 0;} .news-module .module-content {margin: 0;} .module {margin:20px 0 0;} .module-hline {height:20px;width:calc(100% + 20px );margin-left:-10px;} .spellcast-module p, .dev-post-item p, .twit-module p, .fb-module p { font-size:12px; max-height: 30px; overflow: hidden; margin: 10px 0 0 10px; } .spellcast-module p:last-child, .dev-post-item p:last-child{ height: 15px; margin: 0 0 5px 10px; } .news-module {margin:10px 0;} .news-module p {margin:0;} /* ----------------------------- Inputs, Buttons & Links ----------------------------- */ #conf_password{top: 215px;} #rememberMe{top:215px;} input[type=submit]:hover{opacity:1;} /* --------------------------- Pop-up Labels -------------------------- */ .warning { background-color: #742e03; /*color: #c4bdb0;*/ color: #FFF; font-weight: bold; margin: 0 7px 0 55px; box-shadow: 0 3px 4px #1d1d1d; float: right; } .warning-inner { background: url("./../../spellbook_core/css/images/warning.png") 7px 11px no-repeat; padding: 15px 10px 10px 40px; } /* --------------------------- Modals -------------------------- */ #messageM h2 {margin: 0;} #PodcastModal img { /*width: 100%;*/ } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background: #000 !important; } .modal-scrollable {z-index: 1050;} .modal { background-color:transparent; left: 44%; } #videoModal { background-color:transparent; left: 39%; } .modal-dialog {margin: 15px auto;} .modal-body { position: relative; padding: 10px; } #ContactUsM .modal-body, #loginM .modal-body, .modal-body, #messageM .modal-body { padding-top: 5px; padding-bottom: 10px; } #contact-form input, #contact-form textarea { max-width: calc(100% - 10px); } #LoginFormContainer{ /*height:250px;*/ margin:0 auto; position:relative; z-index:1; } #LoginFormContainer form{ width:100%; /*height:100%;*/ /*position:absolute;*/ top:0; left:0; } #LoginFormContainer .form-control {width:270px;} #login, #register{z-index:100;} #LoginFormContainer #login{display:block;} #LoginFormContainer #register{display:none;} #LoginFormContainer.flipped #login{display:none;} #LoginFormContainer.flipped #register{display:block;} #loginM .modal-header, #ContactUsM .modal-header, #messageM .modal-header, .modal-header, #loginM .modal-footer, #ContactUsM .modal-footer, #messageM .modal-footer, .modal-footer{ height: 10px; padding: 0 20px; } #loginM .modal-title, #ContactUsM .modal-title, .modal-title, #messageM .modal-title { margin: 0 0 0 -5px; line-height: 32px; width: 80%; float: left; font-weight: 700; font-size: 26px!important; color: #ffeecb; } #ContactUsM textarea { max-width:100%;} #ContactUsM .modal-body select { margin-top: 8px; border-image-outset: 7px 2px 7px 2px; width:230px; -webkit-appearance: none; line-height:1; background: transparent; } #loginM .modal-body, #ContactUsM .modal-body, .modal-body, #messageM .modal-body { padding-top: 5px; padding-bottom: 10px; } #loginM div#LoginFormContainer.flipped { /*height: 475px;*/ } #loginM .modal-body label, #ContactUsM .modal-body label, .modal-body label, #messageM .modal-body label { padding-top:5px; font-size:18px; font-weight:bold; display: inline-block; margin-bottom: 5px; } #loginM .modal-body label, #loginM .modal-body input, #ContactUsM .modal-body label, #ContactUsM .modal-body input, .modal-body input, #messageM .modal-body input {width:95%;} #loginM .form-horizontal .control-label, #ContactUsM .form-horizontal .control-label, .form-horizontal .control-label, #messageM .control-label {text-align: left;padding-left:0;float:none;} #loginM .modal-content .close, #ContactUsM .modal-content .close, .modal-content .close, #messageM .close { opacity: 1!important; height: 28px; width: 28px; background-size: 28px 29px; margin-bottom: 3px; margin-top: 0; right: 0; position: absolute; border: none; background-color: transparent; } #messageM .close {margin-top: 0;} #loginM .loginlinks {margin-top:5px;} #loginM .sociallogin {height:50px;} #loginM input, #ContactUsM input, input {-moz-border-radius: 2px;-webkit-border-radius: 2px;padding: 3px 5px;} #loginM .modal-content, #ContactUsM .modal-content, .modal-content {box-shadow: none !important;border: none !important;border-radius: 50px;} #loginM .modal-footer, #ContactUsM .modal-footer, .modal-footer {height:40px;text-align:center;display:initial;} #loginM .tos_conf {font-size:14px !important;} #loginM .tos_conf input#tos_confirm {float:left;width:20px !important;box-shadow: none;} #loginM .tos_conf div {float:right;width:90%;} #ContactUs .modal-header {height: 50px;padding:5px 20px;} #ContactUs .modal-title { margin: 0; line-height: 1.428571429; width: 80%; float: left; font-weight:bold; font-size:30px; } #ContactUs .modal-header .close {margin-top: 10px;} .modal-header { background: url('//www.spellbook.com/media/new-images/sb/item-box-header_01.png'), url('//www.spellbook.com/media/new-images/sb/item-box-header_03.png'), url('//www.spellbook.com/media/new-images/sb/item-box-header_02.png'); background-size: 15px 100%, 15px 100%, 350px 100%; background-position: 0 0, 100% 0, 16px 0; background-repeat: no-repeat, no-repeat, repeat; height: 35px !important; margin-top: -17px; margin-left: -10px; width: calc(100% + -20px); } .modal-body {padding-top: 10px;padding-bottom: 10px;} #ContactUs .modal-body label {padding-top:5px;font-size:18px;font-weight:bold;} #ContactUs .modal-body label, #ContactUs .modal-body input {width:100%;} .form-horizontal .control-label {text-align: left;padding-left:0;} @media (min-width: 979px){ .modal-dialog { width: 600px; margin: 30px auto; } .modal-sm .modal-dialog, .modal-sm {width: 300px;} } /*modal position */ .modal {left: calc(50% - 150px);} #videoModal {left: calc(50% - 300px);} @media (max-width: 979px){.modal, #videoModal {left: 5px !important;width:auto !important;}} #ImgModal { text-align: center; left: 10px; max-width: calc(100% - 20px); } #ImgModal .modal-dialog { width:938px; margin: auto; } #ImgModal .modal-dialog img{ max-width:98%; margin-top: 40px; } /* --------------- forums --------------- */ /*Category View */ #category .announcement-item img{ width: calc(100% - 2px); } #category .announcement-item { /*height: 470px;*/ background-size: cover; } #category .announcement-item h2 { line-height: 42px; font-size:24px; padding: 10px; /* white-space: nowrap; */ overflow: hidden; z-index: 10; position: relative; text-overflow: ellipsis; margin-top: -122px; background-color: rgba(0,0,0,0.75); width: calc(100% - 22px) !important; margin-left: 1px; margin-bottom:0; height:40px; } .announcement-item .news-item,.announcement-item .news-breadcrumb { padding: 0 10px 10px; background-color: rgba(0,0,0,0.75); margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; height: 20px; white-space: pre-wrap; display: block; position: relative; margin-left: 1px; margin-right: 1px; } .announcement-item .news-item { margin-top: 0px; } .announcement-item .news-breadcrumb { margin-top: 0px; padding-bottom:10px; } #category .subcat {margin:10px 0;} .subcat-inner { background-color: rgb(3, 18, 33); height: 90px; } #category .devpost-item { height: 120px; background-color: rgb(3, 18, 33); } #category .devpost-item p {padding: 10px;} #category .devpost-inner a {text-decoration: none;} #category .quotecon { height: 60px; margin: 0; overflow: hidden; } .news-item:hover .quotecon img, .quotecon img, .quotecon .ModalImgBtn, .news-item .quotecon img{ border: 1px solid transparent !important; box-shadow: none !important; max-width: 98% !important; } .devpost-inner .postedby { margin-top:10px !important; } #category .devpost-item p {font-size: 14px;} /*end category view*/ #column-titles p { font-size: 14px; margin: 5px 0 0; } #column-titles .follow { text-align: right; } .post-date p {float: right;} #forum-breadcrumb p {margin:10px 0;} .thread-headers {margin-top: 10px;height: 35px;} .thread-headers h3{font-size:12px;margin:5px 0;} .new-topic > div {background-color:#CCC;} .search > div {background-color: #707070;} .search h4, .new-topic h4 {margin:0 ;} .thread{margin:-3px 0;padding-top: 5px;padding-bottom: 5px;} /*.thread:first-child{margin:7px 0 0;}*/ .thread p {margin:0;} .thread-replies p {padding-top: 10px;} .thread .hline {margin-top: -5px;} @media (max-width: 767px){.thread-headers {display:none}} .post-buttons {display:none;} #thread-send, #thread-send-bottom {width: 100%;border: none;} .thread-title .icon {margin-right:10px;} button#send { width: 120px; height: 40px; border: none; } button#send p {margin: -7px 0 0 0;} .pager input { width: 30px; margin-top: 2px; } .pager p { padding: 0; margin: 5px; } .subcaticon-wrap { height: 60px; float: left; padding: 8px 0 0 8px; } .hline { height: 19px; width:100%; background-size:100% 19px; background: no-repeat center center; display:inline-block; } .scat-icon, #thread-view .thread-icon, .head-icon { width: 40px; height: 40px; float: left; margin-right: 8px; } #subcat .scat-icon, .head-icon { margin-left:20px; margin-top:0px; } .thread-view-title {padding-left:20px;} .thread-icon {margin-top:-5px;} .itembg.scat-title {height: 80px;} #category .itembg.scat-title h2, .itembg.scat-title h2 {margin-top: 20px;} .subcat-inner h3 { margin-top: 10px; margin-bottom: 10px; } .subcat-inner p {margin: 0;} .pagination li {list-style-type:none;float:left;} .post-title-wrapper {color: rgb(255, 255, 255);} .new-comment { color: rgb(255, 255, 255); height: 40px; } .search-posts { color: rgb(255, 255, 255); height: 40px; } .thread-player img.fleft { width: 40px; height: 40px; padding-right: 5px; } .thread-player p { font-size: 12px; line-height: 14px; } .last-post {height: 40px;} .post-wrapper {margin-top: 20px;} .post-wrapper > .itembg {padding-top:10px;padding-bottom:10px;} .post-inner-wrapper p {margin: 0;} .post-info{padding-right:0px;} .player-avatar { /*max-width: 160px;*/ } .post-number { padding-left: 0 !important; } .player-avatar img { height: 100%; width: 100%; } .player-name a {font-weight:bold;} .player-name p {margin: 0;} .post-votes {color: rgb(0, 128, 0);} .post-votes p {margin:10px 5px 10px 0;} .votes-up { color: rgb(206,255,137) !important; font-weight: bold; text-shadow: 0 0 10px rgb(104,255,168); } .votes-down { color: rgb(255,212,193) !important; font-weight: bold; text-shadow: 0 0 10px rgb(255,132,89); } .post-content { padding:0 0 0 10px; margin: 0 0 10px 0; line-height: 12pt; } .ModalImgBtn { max-width: 260px; } .ModalImgBtn img:hover { cursor: pointer; } .post-content .post-text img, .ModalImgBtn img { max-width: 98%; } .ModalImgBtn .icon.preview { margin-top: -45px; margin-left: 5px; position: absolute; } .post-date p {margin:0;} .post-button-wrapper { /*float: right;*/ /*margin-top: 20px;*/ } .user-post-buttons {padding-right:0;} .post-button { height: 40px; width: 40px; /*float: left;*/ margin-right: 10px; padding: 0 0 0 3px; border: 0; } .post-button:last-child {margin-right: 0 !important;} #post-button-reply-wrapper { margin-top: 16px; margin-bottom: 16px; } .post-button-reply { border: none; height: 40px; width: 100%; } .comment-wrapper {margin-top: 40px;} /* This hides the [bbcode] switch option */ .wysibb-toolbar-container.modeSwitch {display:none !important;} .comment-button-container {float: right;} .comment-button-cancel { width: 160px; height: 40px; visibility: hidden; } .comment-button-reply { width: 160px; height: 40px; } button#reply_send { width: 160px; height: 40px; border: none; } #cancel_send h4, #reply_send h4{margin:0;} button.btn.btn-default.btn-xs { width: 120px; height: 30px; border: none; margin-left:0px; } .single-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 0 !important; } .t-info.unread { font-weight:bold; } .t-info { color: #cafcff; } /* -------------------- Media Queries --------------------- */ .module:first-child {margin-top:0px;} @media (min-width: 1026px) { .post-content { min-height:99px; } } @media (max-width: 1026px) { .module:first-child {margin-top:20px;} footer .module:first-child {margin-top:0px !important;} /*.post-content, .user-post-buttons {padding-left:0;}*/ } @media (max-width: 1024px){ #ImgModal .modal-dialog { width:940px; max-width: 100%; } #NavMenuBackdrop {background-color: rgba(0,0,0,0.6);} div#Nav-Logo {width:40px !important;} #GlobalNav div#Nav-Logo{ background-image: url('//www.spellbook.com/media/new-images/sb/logo-global-nav-sm.png') !important; background-size:100% 100%; background-position: center center; background-repeat: no-repeat; } #GamesDrop { position: absolute; -webkit-user-select: none; left:-207px; top:0; } #MoreDrop { left: calc(100% - 202px); } #GlobalNav.active, #Page-Wrapper.active { -webkit-transform: translate(207px); -ms-transform: translate(207px); transform: translate(207px); } #Page-Wrapper, #GlobalNav { position: relative; transition: -webkit-transform 200ms ease; transition: transform 200ms ease; } #GameLanding .quotecon { height: 35px; } #GameLanding .news-item h3 { margin: 5px 10px 0 10px; height: 30px; } } @media (min-width: 767px) { /*.collapser {display: none;}*/ /*.module-content {display:block !important;}*/ } @media (max-width: 767px){ #ImgModal .modal-dialog { width:740px; max-width: 100%; } #ImgModal { left: 10px !important; } /*.search-container {margin: 10px; width: calc( 100% - 20px)}*/ .new-topic {margin: 0 0 10px 0;} .search-container input[type="text"] {width: 100%;} .paginator {margin: 10px 0;} #Shop .owl-pagination {display:none} #Shop .owl-item .item > img { margin-left: auto; display: block; margin-right: auto; } #subcat #column-titles, #category #column-titles {display:none;} .grid-container, #GlobalNav #topnav > .grid-100 {padding: 0 !important;} #More-News > .grid-25 {margin-top:20px;} /*#GameLanding .quotecon {height:auto;}*/ #Featured-News .news-4, #Featured-News .news-item:last-child {display:none;} #NewsPage #Featured-News h3 {height:auto;} .news-item h3 {height:16px;} #Featured-News .quotecon { display: block; padding: 10px; overflow: hidden; white-space: pre-line; line-height: 16px; } #NewsPage #Featured-News .news-item > div, #NewsPage #Featured-News .news-item {height:auto;} #NotificationsDrop {width:100%;right:0 !important;} #MessagesDrop p, #NotificationsDrop p {max-height:inherit;} #category .announcement-item h2 {font-size: 16px;line-height: 18px;} } @media (max-width: 600px) { .announcement-item .news-item {display:none;} .announcement-item h2 {margin-top: -92px !important;} .announcement-item p {font-size: 12px;height: 63px;height:30px;} } @media (max-width: 550px){ #Nav-Guild-More{display:block !important;;} #Nav-Guild {display:none !important;} #MessagesDrop{right:20px !important;left:auto;} } /* Post info force new line*/ @media screen and (max-width: 520px) { .post-info-right { /*width: 100% !important;*/ } } @media (max-width: 500px){ #Nav-Messages-More{display:block !important;;} #Nav-Messages {display:none !important;} } @media (max-width: 455px){ #Nav-Notifications-More{display:block !important;;} #Nav-Notifications {display:none !important;} } @media (max-width: 440px){ #Nav-Account, #Nav-ProfileShop {display:none !important;} #Nav-Account-More {display:block !important;} .scat-title h2 {font-size: 22px;margin-top:25px !important;} #subcat .scat-icon {margin-top: -5px;} } /* This is unsematic's mobile size */ @media screen and (max-width: 767px) { .info-wrapper { padding-left: 0; } .info-wrapper p { font-size: 9pt; } .thread-player { padding-top: 10px; } .avatar-wrapper { float: left;padding-right: 0 !important; } } @media (max-width: 400px) { .announcement-item h2 { margin-top: -100px !important; padding: 5px 10px;} .announcement-item p { font-size: 10px; height:24px;} #category .announcement-item h2 {padding: 10px 10px 20px;} } @media (max-width: 260px) { #GlobalNav .searchbar input {display:none;} }