MediaWiki:Monobook.css

From Dread Commandos
Jump to navigationJump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
@import "//deadspace.wikia.com/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css";

/**********************/
/* BEGIN Dark-motif */
/**********************/

body {
   background: #000000 url("https://images.wikia.nocookie.net/oni/images/d/df/Reach_falls.jpg") no-repeat top center;
   background-attachment: fixed;
}

.page-Main_Page * #content {
   background: #000000 url("https://images.wikia.nocookie.net/oni/images/0/04/SyFyBG.jpg") no-repeat top center !important;
}

div#content {
   background-color: #000000 !important;
   border-radius: 0 0 0 5px;
   color: #FFFFFF !important;
   border: 1px solid #6E7F80;
   top: 56px;
}

/** Misc **/

#spotlight_container {
   position: relative;
   top: 56px;
}

a, a.new, a:visited, a.interwiki, a.external, #p-cactions li a {
   color: #65939E;
}

#siteSub {
   display: inline;
   position: relative;
   top: -5px;
   left: 15px;
   font-size: 10px;
   font-weight: normal;
   font-style: italic;
   color: #FFFFFF;
}

h1, h2, h3, h4, abbr, acronym, .explain {
   color: #FFFFFF;
}

h5, h6 {
   text-transform: capitalize;
}

h1, h2 {
   border-bottom: 1px solid #666;
   overflow: hidden;
}

code {
   background-color: #000000 !important;
   color: #D0D0D0 !important;
   border: 1px solid #404040;
}
 
pre {
   background-color: #000000 !important;
   color: #D0D0D0 !important;
   border: 1px solid #404040;
   display:block;
   overflow:auto;
}

table { 
   background: transparent;
   color: #F2F3F4; 
}

.wikitable, .wikitable th, table.wikitable {
   background: rgba(10, 10, 10, 0.77);
}

#toc {
   background: transparent;
}

#p-personal > div > ul {
   background: rgba(10, 10, 10, 0.77);
   border-bottom: 1px solid #AAAAAA;
   border-bottom-left-radius: 1em;
   border-left: 1px solid #AAAAAA;
   text-transform: capitalize;
   padding-left: 0;
   position: absolute;
   right: 0;
   height: 20px;
}

td.diff-context, td.diff-addedline, td.diff-deletedline {
   color: #000000;
}

#pagehistory li.selected {
   background-color: #252525;
}

#spotlight_container {
   padding: 0px !important;
}

/*** Navigation ***/

#p-cactions {
   left: 138px;
   padding-left: 0;
   border: none;
   top: 52px;
}

#p-cactions .pBody { }

#p-cactions li {
   display: block;
   float: left;
   margin: 0 0 0 0;
   padding: 10px 0 !important;
   background-color: transparent;
   border: 0px solid transparent;
}

#p-cactions li:after, #p-cactions li:before {
   content: "";
   position: absolute;
   height: 27px;
   width: 1px;
   background: transparent;
   background-image: -moz-linear-gradient(bottom, rgb(110,127,128) 75%, rgba(16,16,16,0) 100%);
   background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(75%, rgb(110,127,128)), color-stop(100%, rgba(16,16,16,0))); z-index: 5;
}

.page-Main_Page #p-cactions li a {
   color: #65939E !important;
}

#p-cactions li a {
   text-transform: capitalize;
   padding: 12px 10px 14px 10px !important;
   margin: 0 1px 0 1px;
   background-color: transparent;
}

#p-cactions li a:hover {
   text-decoration: underline;
   background-color: transparent;
}

#p-cactions li.selected {
   border: 0px solid transparent;
   position: relative;
   padding: inherit;
   font-weight: normal;
}

#p-cactions li.selected a {
   padding: 12px 10px 14px 10px !important;
   margin: 0 0 0 1px;
   background-color: transparent;
   background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 5%, rgba(16,16,16,0) 100%);
   background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(5%, rgb(0,0,0)), color-stop(100%, rgba(16,16,16,0)));
   z-index: 6;
}

#p-cactions li.selected a:hover {
   text-decoration: none;
}

/** User-setting navigation **/

#p-personal li a {
    color: #F5F5F5 !important;
}
#p-personal li a:hover {
    background-color: transparent !important;
}

/* visual grouping - puts a space after discussion and before watching/print */

#p-cactions li#ca-talk {
   margin-right: 20px;
}

#p-cactions li#ca-watch,
li#ca-unwatch,
li#ca-varlang-0,
li#ca-print {
   margin-left: 20px;
}

/*** Category-styling ***/

.catlinks {
   background-color: #111111;
   border-radius: 5px;
}

/*** Sidebar ***/

#p-logo {
   background: transparent;
}

.portlet {
   background: none repeat scroll 0 0 rgba(10, 10, 10, 0.66);
   border-top: 1px solid #AAAAAA;
   border-right: 1px solid #AAAAAA;
   border-bottom: 1px solid #AAAAAA;
}

#p-logo, #p-cactions .portlet {
   border: none;
}

.pBody {
   background-color: transparent;
   border: none;
}

.pBody, .portlet {
   -webkit-border-radius: 0 .5em .5em 0;
   -moz-border-radius: 0 .5em .5em 0;
   -ms-border-radius: 0 .5em .5em 0;
   -o-border-radius: 0 .5em .5em 0;
   border-radius: 0 .5em .5em 0;
}

.portlet h5 {
   background: -moz-linear-gradient(bottom, #3D2B15 30%, rgba(0,0,0,0) 130%);
   background: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(5%, #3D2B15), color-stop(100%, rgba(0,0,0,0)));
   color: #FFFFFF;
   border-radius: 0.5em 0.5em 0 0;
   display: block;
   height: 1.5em;
   text-align: center;
   text-transform: capitalize;
}

.portlet h5 a {
   color: #FFFFFF !important;
}

/** Search bar; positioned below userdata **/

#p-search {
   background: rgba(10, 10, 10, 0.8);
   border: 1px solid #AAAAAA;
   border-radius: 0 0 .5em .5em;
   -moz-border-radius: 0 0 .5em .5em;
   -webkit-border-radius: 0 0 .5em .5em;
   -o-border-radius: 0 0 .5em .5em;
   -ms-border-radius: 0 0 .5em .5em;
   position: absolute;
   right: 10px;
   top: 20px;
   width: 310px;
   z-index: 999;
}

#p-search h5 {
   display: none;
}

#searchInput {
   height: 16px;
   width: 180px;
   font-size: 120%;
}

#searchGoButton {
   margin-left:4px;
   display: 0 !important;
}

input.searchButton {
   float: right;
   margin: -1px;
}

/*** Gallery and thumbs ***/

div.thumb { 
   border: none; 
}

.tright {
   margin-left: 1em;
}

.tleft {
   margin-right: 1em;
}

.thumbimage {
   border: none !important;
}

.thumbinner {
   background-color: #0B0B0B !important;
   background-image: -moz-linear-gradient(center top , #181818 50%, #0B0B0B 100%) !important;
   background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.50, #181818 ), color-stop(0.100, #0B0B0B )) !important;
   border-color: transparent;
}

#filetoc {
   background: #101010 !important;
   border-color: #444444 !important;
}

.gallerybox .thumb {
   background: #0B0B0B !important;
   border: none !important;
}

.accent:hover {
   border-color: transparent;
}

div.wikia-gallery span.wikia-gallery-item div.thumb {
   background-color: #181818;
   border: 1px solid #666666;
}

div.wikia-gallery span.wikia-gallery-item div.thumb div.gallery-image-wrapper {
   border: none;
}

.filehistory td,
.filehistory th {
   background: #111111;
   border-color: #404040;
}

table.mw_metadata td,
table.mw_metadata th {
   background: #111111;
   border: 1px solid #404040;
}

table.gallery {
   background: transparent !important;
   border: 1px solid #999999;
}

table.gallery td {
   background: transparent !important;
   border: 2px solid transparent;
}

.wikia-gallery-add, .wikia-slideshow-addimage { 
   display: none !important;
}

/** Footer **/

div#footer {
   background-color: rgba(20, 20, 20, 0.77);
   position: relative;
   color:#FFFFFF;
   top: 56px;
}

/** Preferences fix **/

li#pt-userpage {
   background: none
}

#preferences {
   background-color: transparent;
}

.prefsection table, .prefsection legend {
   background-color: transparent;
}

/******************/
/* END Dark motif */
/******************/

/* Title Hack */

#title-meta i {
   font-style: italic !important;
}

/* Eraicon Hack */

#title-eraicons {
   display: block !important;
   text-align: right;
   margin-left: 1em;
   min-width: 250px;
}

/* Other fix */

table.diff, td.diff-otitle, td.diff-ntitle {
   background-color: transparent !important;
}

table.wikitable {
   color:#fff;
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
   background-color: transparent;
}

/*************************************/
/* Comment-style from DragonAge wiki */
/*************************************/

#article-comments-counter-recent { border-right: 1px solid rgb(64,64,64); }
#article-comments-counter-header { border-color: rgb(64,64,64) !important; border-top: 1px solid; font-size: 150% !important; clear: both; padding-bottom: 10px !important; }
.wikia-paginator { height: 30px }
.wikia-paginator div ul { list-style: none; margin: 0px auto 10px auto; padding: 0px; list-style-type: none; text-align: center }
.wikia-paginator div ul li { margin: 0px; padding: 0px; display: inline }
.wikia-paginator div ul a { text-decoration: none }
.wikia-paginator div ul .paginator-page { display: inline-block; height: 16px; line-height: 16px; margin: 0px; min-width: 20px; padding: 2px; color: #fec356; border-right: solid 1px #721410 }
.wikia-paginator div ul .paginator-page: hover { color: white; background-color: #721410; text-decoration: none }
.wikia-paginator div ul .paginator-page.active { color: white; background-color: #721410; text-decoration: none; border: none }
.wikia-paginator div ul .paginator-spacer { display: inline-block; height: 16px; line-height: 16px; margin: 0px; min-width: 20px; padding: 2px; text-align: center; color: #fec356; border-right: solid 1px #721410 }
a.paginator-page:hover { background: #721410 !important; color: #fff !important; }
.wikia-paginator div ul .special { padding: 2px 5px 2px 5px }
.wikia-paginator div ul .no-border { border: none }
.WikiaArticleComments .controls { float: right; font-size: 11px; line-height: 25px; list-style: none }
.WikiaArticleComments .controls li { float: left; margin-left: 5px; position: relative; top: 35px; }
.WikiaArticleComments .controls li a { border-left: 1px solid #464646; padding: 0 5px }
.WikiaArticleComments .controls li:first-child { border: 0 !important; }
.WikiaArticleComments .session { float: left; font-size: 12px; line-height: 14px; margin-top: 5px; padding: 5px; width: 60px; } 
.WikiaArticleComments #article-comm-info { display: none; }
.WikiaArticleComments .wikia-button { float: left; margin-left: 68px; }
.WikiaArticleComments textarea { border: 1px solid rgb(64,64,64); font-family: "Dagny","Helvetica","Arial",sans-serif; font-size: 12px; height: 75px; padding: 2px; display: block; width: 500px; }
.SpeechBubble { *zoom: 1; margin: 15px 0 }
.SpeechBubble: after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden }
.SpeechBubble .speech-bubble-avatar { float: left }
.SpeechBubble .speech-bubble-message { font-size: 13px; line-height: 23px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #212121; border: 1px solid #464646; margin: 0 0 0 75px; padding: 15px 10px 10px 15px; position: relative }
.SpeechBubble .speech-bubble-message p { margin-bottom: 1em }
.SpeechBubble .speech-bubble-message ul, .SpeechBubble .speech-bubble-message ol { margin: 0.4em 0 0.5em 2.5em }
.SpeechBubble .speech-bubble-message ol { list-style: decimal }
.SpeechBubble .speech-bubble-message ul { list-style: square }
.SpeechBubble .speech-bubble-message b, .SpeechBubble .speech-bubble-message strong { font-weight: bold }
.SpeechBubble .speech-bubble-message i, .SpeechBubble .speech-bubble-message em { font-style: italic }
.SpeechBubble .speech-bubble-message .article-comm-text { overflow: hidden }
.SpeechBubble .speech-bubble-message: before { border-color: transparent #464646 #464646 transparent; border-style: solid; border-width: 11px; content: " "; height: 0px; position: absolute; top: 14px; left: -22px; width: 0px }
.SpeechBubble .speech-bubble-message: after { border-color: transparent #212121 #212121 transparent; border-style: solid; border-width: 10px; content: " "; height: 0px; position: absolute; top: 15px; left: -20px; width: 0px }
.SpeechBubble.even .speech-bubble-message, .SpeechBubble.owner .speech-bubble-message { background: #23201b }
.SpeechBubble.even .speech-bubble-message: after, .SpeechBubble.owner .speech-bubble-message: after { border-color: transparent #23201b #23201b transparent }
.SpeechBubble .speech-bubble-message: hover.tools { visibility: visible !important }
.SpeechBubble textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 21px; font-family: "Helvetica","Arial",sans-serif; font-size: 11px; width: 100% }
.SpeechBubble .edited-by { font-size: 10px; line-height: 18px }
.SpeechBubble .stafflogo img { vertical-align: text-bottom }
.SpeechBubble .wikia-button { margin: 0; padding-left: 15px; padding-right: 15px }
.SpeechBubble .buttons { *zoom: 1; bottom: 5px; position: absolute; right: 5px }
.SpeechBubble .buttons: after { clear: both ; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden }
.SpeechBubble .permalink { color: #d5d4d4 }
.SpeechBubble .article-comm-input-text input { float: right; margin-left: 10px }
.SpeechBubble .tools { visibility: hidden; float: right; margin-right: 10px; margin-top: 3px; display: inline-block }
.SpeechBubble .tools a { margin-right: 3px }
.SpeechBubble .tools img { margin-right: 2px }
.WikiaArticleComments .session { *zoom: 1; font-size: 12px; line-height: 14px; margin-top: 5px; padding: 5px; float: left; width: 60px }
.WikiaArticleComments .session: after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden }
.WikiaArticleComments .session a: first-child { float: right }
.WikiaArticleComments .session .avatar { float: left; margin-right: 4px; vertical-align: middle }
.WikiaArticleComments #article-comm-info { display: none }
.WikiaArticleComments .throbber { visibility: hidden; margin-right: 6px; margin-top: 3px; float: right }
.WikiaArticleComments #article-comments { margin-top: 7px; }
.WikiaArticleComments form { *zoom: 1; margin-top: 6px; margin-bottom: 10px }
.WikiaArticleComments form: after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden }
.WikiaArticleComments textarea { border: 1px solid #464646; height: 75px; margin: 15px
5px; line-height: 21px; margin-top: 5px; margin-left: 0px; margin-right: 0px; margin-bottom: 15px; padding: 2px; font-size: 12px !important; font-family: "Helvetica","Arial",sans-serif }
.WikiaArticleComments .article-comm-form textarea { width: 574px }
.WikiaArticleComments .wikia-button { float: left; margin-left: 68px; }
#article-comments .comments { clear: both; list-style: none }
#article-comments .comments>li { list-style: none }
#article-comments .sub-comments { list-style: none; margin-bottom: 20px; margin-left: 85px; padding-right: 0 !important }
#article-comments .sub-comments textarea { width: 444px !important }
#article-comments .sub-comments .article-comm-text { overflow: hidden; }
#article-comments .sub-comments>li { list-style: none }
.upper-pagination { margin-top: 45px; padding-top: 15px; margin-bottom: 10px; border-top: 1px solid #464646 }
#article-comments-pagination, .article-comments-pagination { margin-left: auto; margin-right: auto; text-align: center; color: #fec356 }
#article-comments-pagination a, .article-comments-pagination a { color: #fec356; border-right: solid 1px #fec356; padding-left: 4px; padding-right: 5px; margin-left: 2px; margin-right: 5px }
#article-comments-pagination a.accent, .article-comments-pagination a.accent { color: White; background-color: #fec356 }
#article-comments-pagination a#article-comments-pagination-link-prev, .article-comments-pagination a#article-comments-pagination-link-prev { border: none; margin-right: 10px }
#article-comments-pagination a#article-comments-pagination-link-next, .article-comments-pagination a#article-comments-pagination-link-next { border: none; margin-left: 10px }
.WikiaArticleAfterComments a.new, .WikiaArticleAfterComments a.new: visited { color: #c20 }
.WikiaArticleAfterComments ul, .WikiaArticleAfterComments ol { margin: 0.4em 0 0.5em 2.5em }
.WikiaArticleAfterComments ol { list-style: decimal }
.WikiaArticleAfterComments ul { list-style: square }
.WikiaArticleAfterComments p { margin: 0.4em 0 0.5em }
.article-comm-reply { background: rgb(32,32,32) !important; border: 1px solid rgb(64,64,64) !important; border-radius: 5px; font-size: 12px; padding-bottom: 0px !important }
.buttons .secondary { float: right !important; color: #fff; }
a.article-comm-reply:hover { background: rgb(16,16,16) !important }
div.article-comm-text span.tools { display: none }
div.article-comm-text:hover span.tools { visibility: visible !important; display: inline-block }
.sprite {background-color:transparent;background-image:url(https://images.wikia.nocookie.net/__cb44383/common/skins/oasis/images/sprite.png); background-repeat:no-repeat}
.remove { background-position: -1128px -48px; height: 16px; width :13px }
.edit-pencil { background-position: -1000px -48px; height: 16px; width: 16px }

/********************************/
/********************************/
/** Tabber, customised styling **/
 
ul.tabbernav li a {
    background: transparent !important;
    border-color: none !important;
    border-style: none !important;
    border-width: none !important;
    margin-left: 0px !important;
    text-decoration: none !important;
    position: relative !important;
    top: -3px !important;
    font-weight: normal !important;
    color: #ddd !important;
    padding: 2px 4px 6px 4px !important;
}
 
ul.tabbernav li a:link {
    color: #FFFFFF !important;
}
 
ul.tabbernav li a:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #212121 !important;
    color: #fff !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(175, 175, 175, 0.3);
    border-color: none !important;
    border-radius: 7px 7px 0 0 !important;
    padding: 2px 4px 6px 4px !important;
}
 
ul.tabbernav li.tabberactive a {
    box-shadow: 0 -3px 7px 0px #212121 inset, 0 -11px 9px 4px #000000 inset, 0 3px 3px 0px #000000 inset,0 4px 10px 1px #3f3f3f inset, 0px -32px 28px -17px #282828 inset;
    color: #fff !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 3px 5px rgba(160, 160, 160, 0.5);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    border-radius: 5px 5px 0 0 !important;
    border-bottom: 0px !important;
    border-left: 1px solid #999999 !important;
    border-right: 1px solid #999999 !important;
    border-top: 1px solid #999999 !important;
    padding: 3px 10px 7px 10px !important;
    position: relative !important;
    top: -3px !important;
    font-weight: bold !important;
}
 
ul.tabbernav li.tabberactive a:hover {
    background: default !important;
    border-bottom: 0px !important;
    box-shadow: 0 -3px 7px 0px #161616 inset, 0 -11px 9px 4px #000000 inset, 0 3px 3px 0px #000000 inset,0 4px 10px 1px #333333 inset, 0px -32px 28px -17px #212121 inset;
}
 
.tabberlive .tabbertab {
    position: relative !important;
    top: -1px !important;
    border:none !important
}
 
.tabberlive .tabbertab {
    border: none;
}

/**********************************/
/* Highlight design by Sonasaurus */
 
table.hlblack tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #000; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(50, 50, 50, 0.7);
}
table.hlblue tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #00f; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(0, 100, 255, 0.7);
}
table.hlforestgreen tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #060; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(0, 64, 0, 0.7);
}
table.hlgreen tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #0f0; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(0, 150, 0, 0.7);
}
table.hlindigo tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #3730FF; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(86, 100, 210, 0.7);
}
table.hlmagenta tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #f0f; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(150, 0, 150, 0.7);
}
table.hlolive tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #dcff00; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(164, 192, 0, 0.7);
}
table.hlorange tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #ff9600; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(154, 90, 0, 0.7);
}
table.hlpurple tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #6400ff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(64, 0, 172, 0.7);
}
table.hlred tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #f00; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(150, 0, 0, 0.7);
}
table.hlskyblue tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #0af; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(0, 108, 160, 0.7);
}
table.hlteal tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #0ff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(0, 150, 150, 0.7);
}
table.hlwhite tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(200, 200, 200, 0.7);
}
table.hlyellow tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #ff0; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(150, 150, 0, 0.7);
}

/********************************/
 
	
/** Hot spot buttons **/
 
	
/********************************/
 
		 
	
.HotSpotsModule li .hot-spot-severity-1 {
 
	
    background-image:-moz-linear-gradient(top, #0470D6 15%, #154A7C 85%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #0470D6), color-stop(75%, #154A7C))
 
	
}
 
	
.HotSpotsModule li .hot-spot-severity-2 {
 
	
    background-image:-moz-linear-gradient(top, #0355A3 15%, #02407A 85%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #0355A3), color-stop(75%, #02407A))
 
	
}
 
	
.HotSpotsModule li .hot-spot-severity-3 {
 
	
    background-image:-moz-linear-gradient(top, #023B73 15%, #01284C 85%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #023B73), color-stop(75%, #01284C))
 
	
}
 
	
.HotSpotsModule li .hot-spot-severity-4 {
 
	
    background-image:-moz-linear-gradient(top, #001F3D 15%, #000A14 85%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #001F3D), color-stop(75%, #000A14))
 
	
}
 
	
.HotSpotsModule li .hot-spot-severity-5 {
 
	
    background-image:-moz-linear-gradient(top, #001426 15%, #000000 85%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #001426), color-stop(75%, #000000))

}