Neo Monsters Wikia
Don't have an account?
Register
Advertisement
Register
Neo Monsters Wikia
Neo Monsters Wikia
3,128
pages

Wikia.css

MediaWiki page
Revision as of 20:02, 27 August 2018 by Radiantmemories (Message Wall | contribs)
Sign in to edit

Note: After publishing, 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: Press Ctrl-F5.
/* Import from Common.css */
@import "/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css";

/* Testing Start */
.slideshow-no-borders .wikia-slideshow-wrapper > .wikia-slideshow-images-wrapper { background-color: transparent }


/***************/
/* Image Hover */
/***************/
.fadeout img:hover { opacity:0; }
.fadeout img:active { opacity:0; }
body:not(.editor) .fadeout-container.fadeout-hide-bottom > :nth-child(2) {
	visibility: hidden; /* the 'body:not(.editor)' is used to prevent hiding the image in editing mode where it is not displayed properly */
}

/******* Code for hovering stuff ******/
 
/* Simple hover-over stuff */
.WikiaMainContent .show { display:none; }
.WikiaMainContent .hover:hover .show { display:inline; }
.WikiaMainContent .hover:hover .hide { display:none; }

/* allows for expanding hidden sig sections */
.show-when-hovering { display: none; }
.hover-container:hover .show-when-hovering { display: inline; }
.hover-container:hover .hide-when-hovering { display: none; }

/* Testing End */

/********************/
/* Tabber Overrides */
/********************/
.tabbernav {
    font-family: inherit !important;
    font-weight: normal !important;
    font-size: 10pt !important;
    border-bottom: 1.5px solid #096C00 !important;
    padding: 0.3em 0 !important;
    line-height: 22px !important;;
}

.tabbernav li.tabberactive a {
    background: rgba(9,108,0, 0.5) !important;
    border-radius: 3px 3px 0 0 !important;
}

.tabbernav li.tabberactive a:hover {
    background: rgba(9,108,0, 0.5) !important;
    border-radius: 3px 3px 0 0 !important;
}

.tabbernav li a {
    padding: 0.3em 0.5em !important;
    margin: 0 !important;
    color: #ccc !important;
    border: none !important;
    background: transparent !important;
}

.tabbernav li a:hover {
    color: white !important;
    background: rgba(9,108,0, 0.2) !important;
    border-radius: 3px 3px 0 0 !important;
}

.tabbertab {
    border: none !important;
    padding: 0 !important;
}

/*[CHARACTER NAME] Tabber */
 
.imagetabber ul.tabbernav {
    font-family: inherit !important;
    font-weight: normal !important;
    font-size: 10pt !important;
    border-bottom: none !important;
    padding: 0.3em 0 !important;
}

/**************/
/* Text Color */
/**************/

.textblue { color: #00CCFF;}
.textbronze { color: #BA5834;}
.textdblue { color: #0DB2F4;}
.textgold { color: #ECCA29;}
.textgray { color: #73818E;}
.textgreen { color: #00FF00;}
.textorange { color: #FF9D01;}
.textpeach { color: #FAAD69;}
.textpink { color: #F9659F;}
.textred { color: #FF4719;}
.textsilver { color: #EAEAEA;}
.textwhite { color: #FFF;}
.textyellow { color: #FFFF00;}
.textearth { color: rgb(83,124,68);}
.textfire { color: rgb(161,50,31);}
.textholy { color: rgb(186,171,142);}
.textshadow { color: rgb(62,52,77);}
.textstorm { color: rgb(184,142,68);}
.textwater { color: rgb(24,108,145);}

.textblue,
.textbronze,
.textdblue,
.textgold,
.textgray,
.textgreen,
.textorange,
.textpeach,
.textpink,
.textred,
.textsilver,
.textwhite,
.textyellow,
.textearth,
.textfire,
.textholy,
.textshadow,
.textstorm,
.textwater {
 font-weight: bold;
 text-shadow: -1px -1px 0px #000,
              0px -1px 0px #000,
              1px -1px 0px #000,
              -1px  0px 0px #000,
              1px  0px 0px #000,
              -1px  1px 0px #000,
              0px  1px 0px #000,
              1px  1px 0px #000,
              3px 3px 3px rgba(0, 0, 0, 1);
}

.shadowtext {
 font-weight: bold;
 text-shadow: -1px -1px 0px #000,
              0px -1px 0px #000,
              1px -1px 0px #000,
              -1px  0px 0px #000,
              1px  0px 0px #000,
              -1px  1px 0px #000,
              0px  1px 0px #000,
              1px  1px 0px #000,
              3px 3px 3px rgba(0, 0, 0, 1);
}


/***************/
/* Wiki Tables */
/***************/

/* MonsterDex Table */
.mdexTable {
 background: #262626;
 border: 1px solid #262626;
 box-shadow: 0px 0px 4px #262626;
 border-radius: 4px;
}

/* MonsterBox Table */
.monsterTable {
 background-color: #4F4D52;
 border: 2px solid #4E4B4B;
 box-shadow: 0px 0px 4px #4E4B4B;
 border-radius: 4px;
}

/* Online Mission Tables */

.borderless {
 text-align: center;
 border: hidden;
}


.missionInfoTableH,
.missionInfoTable {
 text-align: center;
 padding: 5px;
}

.missionInfoTableH {
 font-weight: bold;
 background-color: #414141;
 border: 2px solid #0D140D;
 border-bottom-color: #4E4B4B;
 border-bottom-left-radius: 4px;
 border-bottom-right-radius:4px;
}

.missionInfoTable {
 border: 2px solid #4E4B4B;
 box-shadow: 0px 0px 4px #4E4B4B;
 background-color: rgba(38,38,38,1);
 border-left-color: #0D140D;
 border-right-color: #0D140D;
 border-bottom-color: #0D140D;
 border-radius: 4px;
}

/* Events Tables */

.eventTableM {
width: 618px;
height: 261px;
background: url(https://vignette.wikia.nocookie.net/neomonsters/images/d/d0/Tunnel.png);
background-repeat: no-repeat;
border-collapse: collapse;
box-shadow: 0px 0px 16px #262626;
border-radius: 6px;
}

.eventTableI {
 width: 379px;
 height: 245px;
 background: url(https://vignette.wikia.nocookie.net/neomonsters/images/2/21/Beach.png);
 background-repeat: no-repeat;
 border-collapse: collapse;
 box-shadow: 0px 0px 16px #262626;
 border-radius: 6px;
}

.eventTable,
.eventTableP {
 font-weight: bold;
 text-align: center;
}

.eventTable {
 background-color: #5d5d5d;
 border: 2px solid #0d140d;
}

.eventTable a {
 color: #fff !important;
}

.eventTableP {
 background-color: #414141;
 border: 2px solid #0D140D;
}

.eventTableP a {
 color: #B1B1B1 !important;
}

/* Rewards & DPL Tables */
.infoTable,
.rewardTable,
.dplTable {
 background: rgb(104,104,104);
 background: -moz-linear-gradient(top, rgba(104,104,104,1) 0%, rgba(93,83,94,1) 100%);
 background: -webkit-linear-gradient(top, rgba(104,104,104,1) 0%,rgba(93,83,94,1) 100%);
 background: linear-gradient(to bottom, rgba(104,104,104,1) 0%,rgba(93,83,94,1) 100%);
}

.infoTable {
 border: 2px solid #0D140D;
}

.rewardTable {
 line-height: 40px;
 border: 4px double black;
}

.dplTable {
 border: 2px solid #4E4B4B;
 box-shadow: 0px 0px 4px #4E4B4B;
 border-collapse: collapse;
 border-radius: 4px;
}

.dplTable td, .dplTable th {
 border: 1px solid #4E4B4B;
 padding: 5px;
}

.rewardTable2 {
 border-radius: 4px;
 box-shadow: 0 0 0 2px #000, 0 0 0 3px #000, 0 0 0 4px #ECCA29;
 background-color: #000;
 text-align: center;
}

.itemTable {
 width: 60px;
 height: 60px; 
 background: rgb(181,189,200);
 background: -moz-linear-gradient(top, rgb(181,189,200) 0%, rgb(112,120,127) 46%, rgb(40,52,59) 100%);
 background: -webkit-linear-gradient(top, rgb(181,189,200) 0%,rgb(112,120,127) 46%,rgb(40,52,59) 100%);
 background: linear-gradient(to bottom, rgb(181,189,200) 0%,rgb(112,120,127) 46%,rgb(40,52,59) 100%);
 border: 1px solid #ECCA29;
 border-radius: 4px;
}

/* Featured Monster Table */
.featureTable {
 border: 2px solid #4E4B4B;
 box-shadow: 0px 0px 4px #4E4B4B;
 background-color: rgba(38,38,38,1);
 border-radius: 4px;
 text-align: center;
 padding: 5px;
}

/* Stats Tables */
.sTables {
 margin: 0px auto;
 background-color: #524b53;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 -icab-border-radius: 5px;
 -o-border-radius: 5px;
 border-radius: 5px;
}

.sTable {
 margin: 0px auto; 
 background-color: #5F5D60; 
 border-radius: 5px; 
 width: 800px;
}

.mTableH, 
.mTable  {
 box-shadow: 0px 0px 4px #4E4B4B;
 padding: 5px;
 text-align: center;
 border-collapse: collapse;
 font-size: 12px;
}

.mTableH {
 background: #4E4B4B;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
}

.mTable {
 background: #262626;
 border-bottom-left-radius: 4px;
 border-bottom-right-radius: 4px;
 }

.mTable td {
  border: 2px dotted #4E4B4B;
}

.speechTable {
 background: #262626;
 border: 2px solid #4E4B4B;
 box-shadow: 0px 0px 4px #4E4B4B;
 background-color: rgba(38,38,38,1);
 border-radius: 4px;
 text-align: left;
 font-size: 14px;
}

/******************/
/* Tooltip Tables */
/******************/

.ttMonster {
 border: 2px solid #4E4B4B;
 box-shadow: 0px 0px 4px #4E4B4B;
 background-color: rgba(38,38,38,1);
 border-radius: 4px;
 text-align: left;
}

.ttMove {
 background-color: rgba(38,38,38,0.8);
 border: 2px inset #99949b;
 max-width: 400px;
 border-radius: 5px;
 text-align: center;
}

/***************************/
/* Elemental Border Colors */
/***************************/
.elementsEarth,
.elementsFire, 
.elementsHoly, 
.elementsShadow, 
.elementsStorm, 
.elementsWater {
 display: inline-block;
 overflow: hidden; 
 border-radius: 30px;
 padding: 5px;
}

.elementsEarth,
.glowEarth {
 border: 3px solid rgb(83,124,68); 
 box-shadow: 0px 0px 10px rgb(83,124,68);
}

.elementsFire,
.glowFire {
 border: 3px solid rgb(161,50,31); 
 box-shadow: 0px 0px 10px rgb(161,50,31);
}

.elementsHoly,
.glowHoly {
 border: 3px solid rgb(186,171,142); 
 box-shadow: 0px 0px 10px rgb(186,171,142);
}

.elementsShadow,
.glowShadow {
 border: 3px solid rgb(62,52,77); 
 box-shadow: 0px 0px 10px rgb(62,52,77);
}

.elementsStorm,
.glowStorm {
 border: 3px solid rgb(184,142,68); 
 box-shadow: 0px 0px 10px rgb(184,142,68);
}

.elementsWater,
.glowWater {
 border: 3px solid rgb(24,108,145); 
 box-shadow: 0px 0px 10px rgb(24,108,145);
}

/*************/
/* Main Page */
/*************/

.bordermain {
 border:1px solid #AAAAAA;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 -icab-border-radius: 5px;
 -o-border-radius: 5px;
 border-radius: 5px;
 padding: 7px;
 margin-top: 10px;
}

.bordermainB {
 border:1px solid #AAAAAA;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 -icab-border-radius: 5px;
 -o-border-radius: 5px;
 border-radius: 5px;
 padding: 7px;
 margin-top: 10px;
 background-color: #4F4D52;
}

.headmain {
 border: 1px double #000;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 -icab-border-radius: 5px;
 -o-border-radius: 5px;
 border-radius: 5px;
 padding: 5px;
 text-align: center;
 font-variant: small-caps;
 background: rgb(0,179,0);
 background: -moz-linear-gradient(top, rgba(0,179,0,1) 0%, rgba(0,77,0,1) 70%, rgba(0,153,0,1) 100%);
 background: -webkit-linear-gradient(top, rgba(0,179,0,1) 0%,rgba(0,77,0,1) 70%,rgba(0,153,0,1) 100%);
 background: linear-gradient(to bottom, rgba(0,179,0,1) 0%,rgba(0,77,0,1) 70%,rgba(0,153,0,1) 100%);
}

/****************/
/* HR Overrides */
/****************/

hr.faded {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(87,221,38,1) 0%, rgba(9,130,1,1) 70%, rgba(17,189,7,1) 100%);
}

hr.shadow {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #5AF515 inset;
}

/* === horizontal bar overrides (active) Needs Reworking === */
.hbara {
  line-height: 1;
  text-align: center;
  
}

.hbara span {
  display: inline-block;
  position: relative;  
}

.hbara span:before,
.hbara span:after {
 background-color: #F1B70D;
 content: "";
 position: absolute;
 height: 5px;
 top: 8px;
 width: 80px;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 -o-border-radius: 20px;
 border-radius: 20px;
}

.hbara span:before {
  right: 100%;
  margin-right: 10px;
}

.hbara span:after {
  left: 100%;
  margin-left: 10px;
}

/* === horizontal bar overrides (passive) === */
.hbarp {
  line-height: 1;
  text-align: center;
  
}

.hbarp span {
  display: inline-block;
  position: relative;  
}

.hbarp span:before,
.hbarp span:after {
 background-color: #0DB2F4;
 content: "";
 position: absolute;
 height: 5px;
 top: 8px;
 width: 20px;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 -o-border-radius: 20px;
 border-radius: 20px;
}

.hbarp span:before {
  right: 100%;
  margin-right: 10px;
}

.hbarp span:after {
  left: 100%;
  margin-left: 10px;
}

/***************/
/* Header Bars */
/***************/

.bborder {
 background: rgba(48,168,246);
 background: -webkit-linear-gradient(top, rgba(48,168,246,1), rgba(12,78,110,1));
 background: -moz-linear-gradient(top, rgba(48,168,246,1), rgba(12,78,110,1));
 background: linear-gradient(to bottom, rgba(48,168,246,1), rgba(12,78,110,1));
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 font-size: 14pt;
 text-align: center;
}

/* === Green Header Bars === */
.gborder {
 background: rgb(87,221,38);
 background: -moz-linear-gradient(top, rgba(87,221,38,1) 0%, rgba(9,130,1,1) 70%, rgba(17,189,7,1) 100%);
 background: -webkit-linear-gradient(top, rgba(87,221,38,1) 0%,rgba(9,130,1,1) 70%,rgba(17,189,7,1) 100%);
 background: linear-gradient(to bottom, rgba(87,221,38,1) 0%,rgba(9,130,1,1) 70%,rgba(17,189,7,1) 100%);
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 font-size: 14pt;
 text-align: center;
 padding: 5px;
 font-variant: small-caps;
}

/*************************/
/* Elemental Header Bars */
/*************************/

.headEarth,
.headFire,
.headHoly,
.headShadow,
.headStorm,
.headWater {
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 font-size: 14pt;
 text-align: center;
 padding: 5px;
 font-variant: small-caps;
}

.headEarth {
 background: rgb(83,124,68);
 background: linear-gradient(to bottom, rgba(83,124,68,1) 0%,rgba(34,72,11,1) 55%,rgba(41,64,20,1) 100%);
 background: -moz-linear-gradient(top, rgba(83,124,68,1) 0%,rgba(34,72,11,1) 55%,rgba(41,64,20,1) 100%);
 background: -webkit-linear-gradient(top, rgba(83,124,68,1) 0%,rgba(34,72,11,1) 55%,rgba(41,64,20,1) 100%);
}

.headFire {
 background: rgb(161,50,31);
 background: linear-gradient(to bottom, rgba(161,50,31,1) 0%,rgba(144,16,3,1) 55%,rgba(106,23,19,1) 100%);
 background: -moz-linear-gradient(top, rgba(161,50,31,1) 0%,rgba(144,16,3,1) 55%,rgba(106,23,19,1) 100%);
 background: -webkit-linear-gradient(top, rgba(161,50,31,1) 0%,rgba(144,16,3,1) 55%,rgba(106,23,19,1) 100%);
}

.headHoly {
 background: rgb(186,171,142);
 background: linear-gradient(to bottom, rgba(186,171,142,1) 0%,rgba(157,119,74,1) 55%,rgba(146,123,91,1) 100%);
  background: -moz-linear-gradient(top, rgba(186,171,142,1) 0%,rgba(157,119,74,1) 55%,rgba(146,123,91,1) 100%);
 background: -webkit-linear-gradient(top, rgba(186,171,142,1) 0%,rgba(157,119,74,1) 55%,rgba(146,123,91,1) 100%);
}

.headShadow {
 background: rgb(62,52,77);
 background: linear-gradient(to bottom, rgba(62,52,77,1) 0%,rgba(47,37,64,1) 55%,rgba(33,24,43,1) 100%);
  background: -moz-linear-gradient(top, rgba(62,52,77,1) 0%,rgba(47,37,64,1) 55%,rgba(33,24,43,1) 100%);
 background: -webkit-linear-gradient(top, rgba(62,52,77,1) 0%,rgba(47,37,64,1) 55%,rgba(33,24,43,1) 100%);
}

.headStorm {
 background: rgb(184,142,68);
 background: linear-gradient(to bottom, rgba(184,142,68,1) 0%,rgba(156,79,9,1) 55%,rgba(130,70,33,1) 100%);
  background: -moz-linear-gradient(top, rgba(184,142,68,1) 0%,rgba(156,79,9,1) 55%,rgba(130,70,33,1) 100%);
 background: -webkit-linear-gradient(top, rgba(184,142,68,1) 0%,rgba(156,79,9,1) 55%,rgba(130,70,33,1) 100%);
}

.headWater {
 background: rgb(24,108,145);
 background: linear-gradient(to bottom, rgba(24,108,145,1) 0%,rgba(0,68,129,1) 55%,rgba(19,57,106,1) 100%);
  background: -moz-linear-gradient(top, rgba(24,108,145,1) 0%,rgba(0,68,129,1) 55%,rgba(19,57,106,1) 100%);
 background: -webkit-linear-gradient(top, rgba(24,108,145,1) 0%,rgba(0,68,129,1) 55%,rgba(19,57,106,1) 100%);
}

.stHeader {
 color: #ED7409;
 font-size: 12pt; 
 text-align: center;
}

/**************/
/* Stats Bars */
/**************/

.sbar {
 border: 2px solid #000;
 background: #CAE639; /* For browsers that do not support gradients */
 background: -moz-linear-gradient(top, rgba(202,230,57,1), rgba(46,114,3,1)); /* For Firefox 3.6 to 15 */
 background: -webkit-linear-gradient(top, rgba(202,230,57,1), rgba(46,114,3,1)); /* For Safari 5.1 to 6.0 */
 background: -o-linear-gradient(top, rgba(202,230,57,1), rgba(46,114,3,1)); /* For Opera 11.1 to 12.0 */
 background: linear-gradient(top, rgba(202,230,57,1), rgba(46,114,3,1)); /* Standard syntax */
 overflow: hidden; 
 min-width: 5px;
}

.stats {
    background: #8A8A8A; 
    width: 200px;
}

/******************/
/* Skills Buttons */
/******************/
/* === Active Skills === */
.sButtonA {
 background: #E02D16;
 background: -moz-linear-gradient(top, rgba(232,180,158,1) 0%, rgba(224,45,22,1) 70%, rgba(224,138,81,1) 100%);
 background: -webkit-linear-gradient(top, rgba(232,180,158,1) 0%,rgba(224,45,22,1) 70%,rgba(224,138,81,1) 100%);
  background: -o-linear-gradient(top, rgba(232,180,158,1) 0%, rgba(224,45,22,1) 70%, rgba(224,138,81,1) 100%);
 background: linear-gradient(top, rgba(232,180,158,1) 0%,rgba(224,45,22,1) 70%,rgba(224,138,81,1) 100%);
}

/* === Passive Skills === */
.sButtonP {
 background: #A9B1BE;
 background: -moz-linear-gradient(top, rgb(169, 177, 190) 0%, rgb(52, 53, 58) 70%);
 background: -webkit-linear-gradient(top, rgb(169, 177, 190) 0%, rgb(52, 53, 58) 70%);
 background: -o-linear-gradient(top, rgb(169, 177, 190) 0%, rgb(52, 53, 58) 70%);
 background: linear-gradient(top, rgb(169, 177, 190) 0%, rgb(52, 53, 58) 70%);
}

/* === Secret Skills === */
.sButtonS {
 background: #5AB9E9;
 background: -moz-linear-gradient(top, rgba(90,185,233,1) 0%, rgba(14,82,127,1) 70%, rgba(35,70,92,1) 100%);
 background: -webkit-linear-gradient(top, rgba(90,185,233,1) 0%,rgba(14,82,127,1) 70%,rgba(35,70,92,1) 100%);
 background: -o-linear-gradient(top, rgba(90,185,233,1) 0%,rgba(14,82,127,1) 70%,rgba(35,70,92,1) 100%);
 background: linear-gradient(to bottom, rgba(90,185,233,1) 0%,rgba(14,82,127,1) 70%,rgba(35,70,92,1) 100%);
}

.sButtonA,
.sButtonP,
.sButtonS {
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -o-border-radius: 4px;
 border-radius: 4px;
 box-shadow: 0 0 0 2px #000, 0 0 0 3px #747275, 0 0 0 5px #000;
 text-align: center;
}

/*********************/
/* Clickable Buttons */
/*********************/

.navButton {
 background: #2AD824;
 background: -moz-linear-gradient(top, rgba(39, 193, 16, 1) 0%, rgba(47, 131, 50, 1) 50%, rgba(31, 152, 35, 1) 100%);
 background: -webkit-linear-gradient(top, rgba(39, 193, 16, 1) 0%, rgba(47, 131, 50, 1) 50%, rgba(31, 152, 35, 1) 100%);
 background: -o-linear-gradient(top, rgba(39, 193, 16, 1) 0%, rgba(47, 131, 50, 1) 50%, rgba(31, 152, 35, 1) 100%);
 background: linear-gradient(to bottom, rgba(39, 193, 16, 1) 0%, rgba(47, 131, 50, 1) 50%, rgba(31, 152, 35, 1) 100%);
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -o-border-radius: 4px;
 border-radius: 4px;
 box-shadow: 0 0 0 2px #000, 0 0 0 3px #747275, 0 0 0 5px #000;
 padding: 5px;
 padding-top: 10px;
 padding-bottom: 10px;
 text-align: center;
 font-size: 14pt;
 font-weight: bold;
 color: #FFFFFF;
 width: 42%;
 height: 30%;
}

.button.navButton.left {
 margin-left: 5%;
}

.button.navButton.right {
 margin-left: 1%;
}

/********************/
/* Ultra-Evo Tables */
/********************/

.evocost {
 text-align: center;
 border: 2px solid #000;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 -o-border-radius: 6px;
 border-radius: 6px;
 background: rgb(250,247,56);
 background: -moz-linear-gradient(top, rgba(250,247,56,1) 0%, rgba(251,129,0,1) 71%, rgba(241,179,46,1) 100%);
 background: -webkit-linear-gradient(top, rgba(250,247,56,1) 0%,rgba(251,129,0,1) 71%,rgba(241,179,46,1) 100%);
 background: linear-gradient(to bottom, rgba(250,247,56,1) 0%,rgba(251,129,0,1) 71%,rgba(241,179,46,1) 100%);
}

/***************/
/* Tooltip CSS */
/***************/

.tooltipB {
 border: 1px solid #4791cf !important;
 -webkit-border-radius:4px !important;
 -moz-border-radius:4px !important;
 border-radius:4px !important;
 -moz-box-shadow: 0 0 4px #80bbeb !important;
 -webkit-box-shadow: 0 0 4px #80bbeb !important;
 box-shadow: 0 0 4px #80bbeb !important;
 color:#a4a4a4;
 font-size:9px;
 background-color:#020c19;
}

.tooltipB a:link{color: #a4a4a4; font-style: italic; border-bottom:none !important;}
.tooltipB a:visited{color: #a4a4a4; font-style: italic; border-bottom:none !important;}
.ttType a:link{color: #9bcfff; border-bottom:none !important;}
.ttType a:visited{color: #9bcfff; border-bottom:none !important;}
.ttDesc a:link{color: #a4a4a4; border-bottom:none !important;}
.ttDesc a:visited{color: #a4a4a4; border-bottom:none !important;}


/***********/
/* Testing */
/***********/
.testButton {
 background: #2AD824;
 background: -moz-linear-gradient(top, rgba(15, 112, 0, 0.74) 1%, rgba(31, 152, 35, 1) 50%, rgba(47, 131, 50, 1) 90%, rgba(15, 112, 0, 0.74) 100%);
 background: -webkit-linear-gradient(top, rgba(15, 112, 0, 0.74) 1%, rgba(31, 152, 35, 1) 50%, rgba(47, 131, 50, 1) 90%, rgba(15, 112, 0, 0.74) 100%);
  background: -o-linear-gradient(top, rgba(15, 112, 0, 0.74) 1%, rgba(31, 152, 35, 1) 50%, rgba(47, 131, 50, 1) 90%, rgba(15, 112, 0, 0.74) 100%);
 background: linear-gradient(to bottom, rgba(15, 112, 0, 0.74) 1%, rgba(31, 152, 35, 1) 50%, rgba(47, 131, 50, 1) 90%, rgba(15, 112, 0, 0.74) 100%);
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -o-border-radius: 4px;
 border-radius: 4px;
 box-shadow: 0 0 0 2px #000, 0 0 0 3px #747275, 0 0 0 5px #000;
 text-align: center;
 padding: 5px;
 font-size: 12pt;
}

.testButton2 {
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -o-border-radius: 4px;
 border-radius: 4px;
 box-shadow: 0 0 0 2px #000, 0 0 0 3px #747275, 0 0 0 5px #000;
 text-align: center;
 padding: 5px;
 font-size: 12pt;
 width: 40%;
 height: 40%;
 margin-left: 5%;
}


.testButton3 {
 background: #2AD824;
 background: -moz-linear-gradient(top, rgba(39, 193, 16, 1) 0%, rgba(47, 131, 50, 1) 50%, rgba(31, 152, 35, 1) 100%);
 background: -webkit-linear-gradient(top, rgba(39, 193, 16, 1) 0%, rgba(47, 131, 50, 1) 50%, rgba(31, 152, 35, 1) 100%);
 background: -o-linear-gradient(top, rgba(39, 193, 16, 1) 0%, rgba(47, 131, 50, 1) 50%, rgba(31, 152, 35, 1) 100%);
 background: linear-gradient(to bottom, rgba(39, 193, 16, 1) 0%, rgba(47, 131, 50, 1) 50%, rgba(31, 152, 35, 1) 100%);
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -o-border-radius: 4px;
 border-radius: 4px;
 box-shadow: 0 0 0 2px #000, 0 0 0 3px #747275, 0 0 0 5px #000;
 text-align: center;
 padding: 5px;
 padding-top: 10px;
 padding-bottom:10px;
 font-size: 14pt;
 width: 42%;
 margin-top: 2%;
}

.testButton3.left {
 margin-left: 5%;
}

.testButton3.right {
 margin-left: 2%;
}

.testButton4 {
 background-color:#29ce08;
 background-image: -moz-linear-gradient(top, #29ce08 35%, #0e9401 65%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #29ce08), color-stop(65%, #0e9401));
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px;
 border:1px solid #006cb0;
 color:white;
 cursor:pointer;
 display:inline-block;
 font-family:Helvetica,Arial,sans-serif;
 font-size:12px;
 height:19px;
 line-height:20px;
 margin:0;
 padding:0;
 text-decoration:none;
 white-space:nowrap;
}

.testButton4 a:hover {
 background-color:#005f9c;
 background-image: -moz-linear-gradient(top, #1d88cb 35%, #005f9c 65%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #1d88cb), color-stop(65%, #005f9c));
 text-decoration:none
}
Community content is available under CC-BY-SA unless otherwise noted.
Advertisement