Difference between revisions of "MediaWiki:Chameleon.css"

From The Official Visionaire Studio: Adventure Game Engine Wiki
 
(134 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
+
#content {
 +
/*background-color: #424142;*/
 +
background-image: url("/css/img/dark_content.png");
 +
background-repeat: repeat;
 +
color: rgba(255,255,255,0.7);
 +
 
 +
-webkit-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.35);
 +
-moz-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.35);
 +
box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.35);
 +
}
 +
 
 +
.firstHeading {
 +
color: rgba(255, 153, 0, 0.9);
 +
text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
 +
border-bottom: 1px solid rgba(0,0,0,0.2);
 +
}
 +
 
 +
hr { border-color: rgba(0,0,0,0.2); }
 +
 
 +
h2 {
 +
padding-bottom:5px;
 +
color: rgba(255, 153, 0, 0.9);
 +
font-family: 'Roboto Condensed', sans-serif;
 +
font-weight: 400;
 +
text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
 +
border-bottom: 1px dashed rgba(0,0,0,0.2);
 +
}
 +
 
 +
h3 {
 +
/*
 +
text-decoration-color: rgba(0, 0, 0, 0.2);
 +
text-decoration-line: underline;
 +
text-decoration-style: dashed;
 +
*/
 +
border-bottom: 1px dashed rgba(0,0,0,0.2);
 +
}
 +
 
 +
h1, h3, h4, h5, h6 {
 +
color: rgba(255, 255, 255, 0.9);
 +
font-family: 'Roboto Condensed', sans-serif;
 +
font-weight: 400;
 +
text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
 +
}
 +
 
 +
h4, h5, h6 {
 +
border-bottom: 1px dashed rgba(0,0,0,0.2);
 +
}
 +
 
 +
table.ts td, table.ex td {
 +
  background: rgba(0, 0, 0, 0.1);
 +
  border: 1px solid rgba(0,0,0,0.1);
 +
}
 +
 
 +
table.ts tr:hover, table.ex tr:hover, table.in td:hover {
 +
  background: rgba(0, 0, 0, 0.1);
 +
}
 +
 
 +
textarea, #editform { color: black; }
 +
 
 +
.orng-shdw { text-shadow: 0px -1px 1px rgba(0,0,0,0.5);}
 +
 
 +
 
 +
/* link fixes */
 +
.mw-body .wikiEditor-ui a:link {color: rgba(0, 0, 0, 0.5) !important;}
 +
.mw-body .wikiEditor-ui a:visited {color: rgba(0, 0, 0, 0.5) !important;}
 +
.mw-body .wikiEditor-ui a:hover {color: rgba(0, 0, 0, 1) !important;}
 +
.mw-body .wikiEditor-ui a:active {color: rgba(0, 0, 0, 1) !important;}
 +
 
 +
.mw-body a { text-decoration: none; }
 +
.mw-body a:link { color: rgba(255, 153, 0, 0.7) !important; } /* normal unvisited links */
 +
.mw-body a:link:visited { color: rgba(255, 153, 0, 0.7) !important; } /* visited links */
 +
.mw-body a:link:active { color: rgba(255, 153, 0, 1) !important; } /* active links */
 +
.mw-body a:link.new { color: rgba(255, 153, 0, 0.3) !important; } /* new links */
 +
.mw-body a:link.new:hover { color: rgba(255, 153, 0, 1) !important; } /* new links hover */
 +
.mw-body a:link.interwiki { color: rgba(255, 153, 0, 0.7) !important; } /* interwiki links */
 +
.mw-body a:link.interwiki:hover { color: rgba(255, 153, 0, 1) !important; } /* interwiki links hover */
 +
.mw-body a:link.external { color: rgba(255, 153, 0, 0.7) !important; } /* external links */
 +
.mw-body a:link.external:hover { color: rgba(255, 153, 0, 1) !important; } /* external links */
 +
.mw-body a:link.stub { color: rgba(255, 255, 255, 0.7) !important; } /* hovered links */
 +
.mw-body a.mw-redirect {color: rgba(255, 255, 255, 0.7) !important;}
 +
.mw-body a.mw-redirect:hover {color: rgba(255, 153, 0, 1) !important;}
 +
.mw-body a:link {color: rgba(255, 153, 0, 0.7) !important;}
 +
.mw-body a:visited {color: rgba(255, 153, 0, 0.7) !important;}
 +
.mw-body a:hover {color: rgba(255, 153, 0, 1) !important;}
 +
.mw-body a:active {color: rgba(255, 153, 0, 1) !important;}
 +
 
 +
.mw-collapsible-toggle { color: transparent; !important}
 +
.mw-collapsible-toggle a { color: rgba(0, 0, 0, 0.7) !important; }
 +
.mw-collapsible-toggle a:hover { color: rgba(0, 0, 0, 0.9) !important; }
 +
.qntoggle a { color: rgba(255, 153, 0, 0.7) !important; }
 +
.qntoggle a:hover { color: rgba(255, 153, 0, 0.9) !important; }
 +
 
 +
.tooltipster-light {
 +
  border-radius: 5px;
 +
  border: 1px solid #cccccc;
 +
  background: #ededed;
 +
  color: #666666;
 +
}
 +
.tooltipster-light .tooltipster-content {
 +
  font-family: Arial, sans-serif;
 +
  font-size: 14px;
 +
  line-height: 16px;
 +
  padding: 8px 10px;
 +
}
 +
 
 +
 
 +
 
 +
/* roboto-condensed-300 - cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic */
 +
@font-face {
 +
  font-family: 'Roboto Condensed';
 +
  font-style: normal;
 +
  font-weight: 300;
 +
  src: url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
 +
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
 +
}
 +
/* roboto-condensed-300italic - cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic */
 +
@font-face {
 +
  font-family: 'Roboto Condensed';
 +
  font-style: italic;
 +
  font-weight: 300;
 +
  src: url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300italic.eot'); /* IE9 Compat Modes */
 +
  src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300italic.woff2') format('woff2'), /* Super Modern Browsers */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300italic.woff') format('woff'), /* Modern Browsers */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
 +
}
 +
/* roboto-condensed-regular - cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic */
 +
@font-face {
 +
  font-family: 'Roboto Condensed';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
 +
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
 +
}
 +
/* roboto-condensed-italic - cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic */
 +
@font-face {
 +
  font-family: 'Roboto Condensed';
 +
  font-style: italic;
 +
  font-weight: 400;
 +
  src: url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */
 +
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
 +
}
 +
/* roboto-condensed-700 - cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic */
 +
@font-face {
 +
  font-family: 'Roboto Condensed';
 +
  font-style: normal;
 +
  font-weight: 700;
 +
  src: url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
 +
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
 +
}
 +
/* roboto-condensed-700italic - cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic */
 +
@font-face {
 +
  font-family: 'Roboto Condensed';
 +
  font-style: italic;
 +
  font-weight: 700;
 +
  src: url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700italic.eot'); /* IE9 Compat Modes */
 +
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
 +
      url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
 +
}
  
 
body{
 
body{
−
background-image: url("http://wiki.visionaire-tracker.net/images/ftp/dark_bg.png");
+
background-image: url("/css/img/dark_bg.png");
 
background-repeat: repeat;
 
background-repeat: repeat;
 
color: rgba(255, 255, 255, 0.6);
 
color: rgba(255, 255, 255, 0.6);
 
font-family: 'Roboto Condensed', sans-serif;
 
font-family: 'Roboto Condensed', sans-serif;
 
font-weight: 400;
 
font-weight: 400;
 +
overflow-x: hidden;
 
}
 
}
  
Line 15: Line 200:
 
}
 
}
  
−
#searchInput { width:180px !important; }
+
#searchInput { width:245px !important; }
  
 
.p-logo, .navbar-brand {
 
.p-logo, .navbar-brand {
 
border: none !important;
 
border: none !important;
−
border-left: none !important;  
+
/*border-left: none !important;*/
 +
padding-right: 50px;
 
}
 
}
 +
 +
.navbar-brand img {max-width:34px; position:fixed; margin-top:6px; margin-left:10px;}
  
 
.navbar-default .navbar-nav > li > a {
 
.navbar-default .navbar-nav > li > a {
 
  color: rgba(255, 255, 255, 0.8);
 
  color: rgba(255, 255, 255, 0.8);
−
  font-weight: 700;
+
font-family: 'Roboto Condensed', sans-serif;
−
  font-size: 12px;
+
  font-weight: 400;
 +
text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
 +
  font-size:14px;
 
}
 
}
  
 
.navbar {  
 
.navbar {  
−
background-image: url("http://wiki.visionaire-tracker.net/images/ftp/dark_content.png");
+
background-image: url("/css/img/dark_content.png");
  
 
-webkit-box-shadow: 2px 0px 4px 0px rgba(50, 50, 50, 0.5);
 
-webkit-box-shadow: 2px 0px 4px 0px rgba(50, 50, 50, 0.5);
Line 38: Line 228:
 
.navbar-default .navbar-nav > li > a:hover {
 
.navbar-default .navbar-nav > li > a:hover {
 
background: rgba(0,0,0,0.050);
 
background: rgba(0,0,0,0.050);
 +
color: rgba(255, 153, 0, 0.9);
 
}
 
}
  
Line 60: Line 251:
  
 
.dropdown-menu {
 
.dropdown-menu {
−
background-image: url("http://wiki.visionaire-tracker.net/images/ftp/dark_content.png");
+
background-image: url("/css/img/dark_content.png");
 
}
 
}
  
 
.tick {
 
.tick {
−
background:url("http://wiki.visionaire-tracker.net/images/ftp/wiki_tick.png");
+
background:url("/css/img/wiki_tick.png");
 
width:16px;
 
width:16px;
 
height:16px;
 
height:16px;
 
margin: 0 auto;
 
margin: 0 auto;
 +
}
 +
 +
.tick2 {
 +
background:url("/css/img/wiki_tick.png");
 +
width:16px;
 +
height:16px;
 +
display: inline-block;
 +
position: relative;
 
}
 
}
  
 
.cross {
 
.cross {
−
background:url("http://wiki.visionaire-tracker.net/images/ftp/wiki_x.png");
+
background:url("/css/img/wiki_x.png");
 
width:16px;
 
width:16px;
 
height:16px;
 
height:16px;
 
margin: 0 auto;
 
margin: 0 auto;
 
}
 
}
 +
 +
.tip-r, .tip-t {
 +
/*background:url("/css/img/wiki_info.png");
 +
width:16px;
 +
height:16px;*/
 +
cursor: pointer;
 +
/*display: inline-block;
 +
position: relative;*/
 +
color: #5bc0de;
 +
}
 +
 +
.nl {display: inline; }
  
 
/* table colors */
 
/* table colors */
Line 90: Line 301:
 
  /*font-weight: bold;*/
 
  /*font-weight: bold;*/
 
  width: 100%;
 
  width: 100%;
 +
font-size:14px !important;
 
}
 
}
  
Line 96: Line 308:
 
   vertical-align: top;
 
   vertical-align: top;
 
   padding: 5px;
 
   padding: 5px;
−
   font-size: 13px;
+
   /*font-size: 13px;*/
 
}
 
}
  
Line 123: Line 335:
  
 
table.ts th {
 
table.ts th {
−
  background: #5bc0de;
+
  /*background: #5bc0de;*/
 +
background: rgba(255, 153, 0, 0.9);
 
  text-align:left;
 
  text-align:left;
 
  padding: 5px;
 
  padding: 5px;
Line 145: Line 358:
  
 
.ftoc {
 
.ftoc {
−
  background: url("http://wiki.visionaire-tracker.net/images/ftp/dark_content.png");
+
  background: url("/css/img/dark_content.png");
 
  background-repeat: repeat;
 
  background-repeat: repeat;
 
  position: fixed;
 
  position: fixed;
Line 170: Line 383:
 
  box-shadow:        2px 0px 4px 0px rgba(50, 50, 50, 0.5);
 
  box-shadow:        2px 0px 4px 0px rgba(50, 50, 50, 0.5);
 
}
 
}
 +
 +
.ftoc a { color: rgba(255, 153, 0, 0.7); !important; }
 +
.ftoc a:hover { color: rgba(255, 153, 0, 0.9); !important; }
  
 
.ftoc_content {
 
.ftoc_content {
Line 183: Line 399:
 
.mw-body .ftoc a:link:visited { color: rgba(255, 255, 255, 0.6) !important; } /* visited links */
 
.mw-body .ftoc a:link:visited { color: rgba(255, 255, 255, 0.6) !important; } /* visited links */
 
.mw-body .ftoc a:link:active { color: rgba(255, 255, 255, 1) !important; } /* active links */
 
.mw-body .ftoc a:link:active { color: rgba(255, 255, 255, 1) !important; } /* active links */
−
.mw-body .ftoc a:link.new { color: rgba(255, 0, 20, 0.8) !important; } /* new links */
+
/*.mw-body .ftoc a:link.new { color: rgba(255, 0, 20, 0.8) !important; } /* new links */
 +
.mw-body .ftoc a:link.new { color: rgba(255, 255, 255, 0.8) !important; }
 
.mw-body .ftoc a:link.new:hover { color: rgba(255, 0, 0, 1) !important; } /* new links hover */
 
.mw-body .ftoc a:link.new:hover { color: rgba(255, 0, 0, 1) !important; } /* new links hover */
 
.mw-body .ftoc a:link.interwiki { color: rgba(255, 255, 255, 0.6) !important; } /* interwiki links */
 
.mw-body .ftoc a:link.interwiki { color: rgba(255, 255, 255, 0.6) !important; } /* interwiki links */
Line 204: Line 421:
 
   position: fixed;
 
   position: fixed;
 
   top: 4px;
 
   top: 4px;
−
   right: 310px;
+
   right: 350px;
 
   height: 35px;
 
   height: 35px;
 
   width: 35px;
 
   width: 35px;
Line 309: Line 526:
 
position: absolute;
 
position: absolute;
 
right: 50px;
 
right: 50px;
−
top: 70px;
+
top: 55px;
 
}
 
}
  
−
/* begin tooltip css */
+
.paypal_btn:hover {
−
 
+
opacity: 0.7;
−
.tip:hover { cursor: help; }
 
−
 
 
−
.tooltip, .arrow:after {
 
−
  background: black;
 
−
  border: 2px solid white;
 
 
}
 
}
  
−
.tooltip {
+
/* begin tooltip css */
−
  pointer-events: none;
 
−
  opacity: 0;
 
−
  display: inline-block;
 
−
  position: absolute;
 
−
  padding: 10px 20px;
 
−
  color: white;
 
−
  border-radius: 20px;
 
−
  margin-top: 20px;
 
−
  text-align: center;
 
−
  font: italic 11px "Helvetica Neue", Sans-Serif;
 
−
  font-stretch: condensed;
 
−
  text-decoration: none;
 
−
  box-shadow: 0 0 7px black;
 
−
}
 
−
 
 
−
.arrow {
 
−
  width: 70px;
 
−
  height: 16px;
 
−
  overflow: hidden;
 
−
  position: absolute;
 
−
  left: 50%;
 
−
  margin-left: -35px;
 
−
  bottom: -16px;
 
−
}
 
  
−
.arrow:after {
+
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
−
  content: "";
+
.tooltipster-default {
−
  position: absolute;
+
border-radius: 5px;  
−
  left: 20px;
+
border: 2px solid #000;
−
  top: -20px;
+
background: #4c4c4c;
−
  width: 25px;
+
color: #fff;
−
  height: 25px;
 
−
  -webkit-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
 
−
  -moz-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
 
−
  box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
 
−
  -webkit-transform: rotate(45deg);
 
−
  -moz-transform:    rotate(45deg);
 
−
  -ms-transform:     rotate(45deg);
 
−
  -o-transform:     rotate(45deg);
 
 
}
 
}
  
−
.tooltip.active {
+
/* Use this next selector to style things like font-size and line-height: */
−
  opacity: 1;
+
.tooltipster-default .tooltipster-content {
−
  margin-top: 5px;
+
font-family: Arial, sans-serif;
−
  -webkit-transition: all 0.2s ease;
+
font-size: 14px;
−
  -moz-transition:    all 0.2s ease;
+
line-height: 16px;
−
  -ms-transition:    all 0.2s ease;
+
padding: 8px 10px;
−
  -o-transition:      all 0.2s ease;
+
overflow: hidden;
−
}
 
−
 
 
−
.tooltip.out {
 
−
  opacity: 0;
 
−
  margin-top: -20px;
 
−
}
 
−
 
 
−
/* ttip */
 
−
 
 
−
/*
 
−
* Tipped - <%= pkg.description %> - v<%= pkg.version %>
 
−
* (c) 2012-<%= grunt.template.today("yyyy") %> Nick Stakenburg
 
−
*
 
−
* http://www.tippedjs.com
 
−
*
 
−
* License: http://www.tippedjs.com/license
 
−
*/
 
−
 
 
−
.tpd-tooltip {
 
−
  position: absolute;
 
 
}
 
}
  
−
/* Fix for CSS frameworks that don't keep the use of box-sizing: border-box
+
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
−
  within their own namespace */
+
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
−
.tpd-tooltip,
+
/* border-color: ... !important; */
−
.tpd-tooltip [class^="tpd-"] {
 
−
  -webkit-box-sizing: content-box;
 
−
  -moz-box-sizing: content-box;
 
−
  box-sizing: content-box;
 
 
}
 
}
  
−
/* Content */
 
−
.tpd-content-wrapper {
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 0;
 
−
  float: left;
 
−
  width: 100%;
 
−
  height: 100%;
 
−
  overflow: hidden;
 
−
}
 
−
.tpd-content-spacer,
 
−
.tpd-content-relative,
 
−
.tpd-content-relative-padder {
 
−
  float: left;
 
−
  position: relative;
 
−
}
 
−
.tpd-content-relative {
 
−
  width: 100%;
 
−
}
 
  
−
.tpd-content {
+
/* If you're using the icon option, use this next selector to style them */
−
  float: left;
+
.tooltipster-icon {
−
  clear: both;
+
cursor: help;
−
  position: relative;
+
margin-left: 4px;
−
  padding: 10px;
 
−
  font-size: 11px;
 
−
  line-height: 16px;
 
−
  color: #fff;
 
 
}
 
}
−
.tpd-has-inner-close .tpd-content-relative .tpd-content { padding-right: 0 !important; }
 
−
.tpd-tooltip .tpd-content-no-padding { padding: 0 !important; }
 
  
−
.tpd-title-wrapper {
+
/* This is the base styling required to make all Tooltipsters work */
−
  float: left;
+
.tooltipster-base {
−
  position: relative;
+
padding: 0;
−
  overflow: hidden;
+
font-size: 0;
−
}
+
line-height: 0;
−
.tpd-title-spacer {
+
position: absolute;
−
  float: left;
+
left: 0;
−
}
+
top: 0;
−
.tpd-title-relative,
+
z-index: 9999999;
−
.tpd-title-relative-padder {
+
pointer-events: none;
−
  float: left;
+
width: auto;
−
  position: relative;
+
overflow: visible;
−
}
 
−
.tpd-title-relative { width: 100%; }
 
−
.tpd-title {
 
−
  float: left;
 
−
  position: relative;
 
−
  font-size: 11px;
 
−
  line-height: 16px;
 
−
  padding: 10px;
 
−
  font-weight: bold;
 
−
  text-transform: uppercase;
 
−
  color: #fff;
 
−
}
 
−
.tpd-has-title-close .tpd-title { padding-right: 0 !important; }
 
−
.tpd-close {
 
−
  position: absolute;
 
−
  top: 0;
 
−
  right: 0;
 
−
  width: 28px;
 
−
  height: 28px;
 
−
  cursor: pointer;
 
−
  overflow: hidden;
 
−
  color: #fff;
 
−
}
 
−
.tpd-close-icon {
 
−
  float: left;
 
−
  font-family: Arial, Baskerville, monospace;
 
−
  font-weight: normal;
 
−
  font-style: normal;
 
−
  text-decoration: none;
 
−
  width: 28px;
 
−
  height: 28px;
 
−
  font-size: 28px;
 
−
  line-height: 28px;
 
−
  text-align: center;
 
−
}
 
−
 
 
−
 
 
−
/* Skin */
 
−
.tpd-skin {
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 0;
 
−
}
 
−
 
 
−
.tpd-frames {
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 0;
 
−
}
 
−
.tpd-frames .tpd-frame {
 
−
  float: left;
 
−
  width: 100%;
 
−
  height: 100%;
 
−
  clear: both;
 
−
}
 
−
 
 
−
.tpd-backgrounds {
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 0;
 
−
  width: 100%;
 
−
  height: 100%;
 
−
  -webkit-transform-origin: 0% 0%;
 
−
  transform-origin: 0% 0%;
 
−
}
 
−
.tpd-background-shadow {
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 0;
 
−
  width: 100%;
 
−
  height: 100%;
 
−
  background-color: transparent;
 
−
  pointer-events: none;
 
−
}
 
−
.tpd-no-shadow .tpd-skin .tpd-background-shadow { box-shadow: none !important; }
 
−
 
 
−
.tpd-background-box {
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 0;
 
−
  height: 100%;
 
−
  width: 100%;
 
−
  overflow: hidden;
 
−
}
 
−
.tpd-background-box-shift,
 
−
.tpd-background-box-shift-further {
 
−
  position: relative;
 
−
  float: left;
 
−
  width: 100%;
 
−
  height: 100%;
 
−
}
 
−
.tpd-background {
 
−
  border-radius: 10px;
 
−
  float: left;
 
−
  clear: both;
 
−
  background: none;
 
−
  -webkit-background-clip: padding-box; /* Safari */
 
−
  background-clip: padding-box; /* IE9+, Firefox 4+, Opera, Chrome */
 
−
  border-style: solid;
 
−
  border-width: 1px;
 
−
  border-color: #282828;
 
−
  border-color: rgba(255,255,255,.1); /* opacity here bugs out in firefox, .tpd-background-content should have no opacity if this opacity is less than 1 */
 
−
}
 
−
/* no radius */
 
−
.tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background { border-radius: 0; }
 
−
.tpd-background-title {
 
−
  float: left;
 
−
  clear: both;
 
−
  width: 100%;
 
−
  background-color: #282828;
 
 
}
 
}
−
.tpd-background-content {
+
.tooltipster-base .tooltipster-content {
−
  float: left;
+
overflow: hidden;
−
  clear: both;
 
−
  width: 100%;
 
−
  background-color: #282828;
 
−
}
 
−
.tpd-background-border-hack {
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 0;
 
−
  width: 100%;
 
−
  height: 100%;
 
−
  border-style: solid;
 
 
}
 
}
  
−
.tpd-background-box-top { top: 0; }
 
−
.tpd-background-box-bottom { bottom: 0; }
 
−
.tpd-background-box-left { left: 0; }
 
−
.tpd-background-box-right { right: 0; }
 
  
−
/* iframeshim IE6 */
+
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
−
.tpd-iframeshim {
+
.tooltipster-arrow {
−
  position: absolute;
+
display: block;
−
  top: 0;
+
text-align: center;
−
  left: 0;
+
width: 100%;
−
  width: 100%;
+
height: 100%;
−
  height: 100%;
+
position: absolute;
−
  margin: 0;
+
top: 0;
−
  padding: 0;
+
left: 0;
−
  zoom: 1;
+
z-index: -1;
−
  filter: alpha(opacity=0);
 
−
  opacity: 0;
 
 
}
 
}
−
 
+
.tooltipster-arrow span, .tooltipster-arrow-border {
−
/* Skin / Stems */
+
display: block;
−
.tpd-shift-stem {
+
width: 0;  
−
  position: absolute;
+
height: 0;
−
  top: 0;
+
position: absolute;
−
  left: 0;
 
−
  overflow: hidden;
 
 
}
 
}
−
.tpd-shift-stem-side {
+
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
−
  position: absolute;
+
border-left: 8px solid transparent !important;
−
}
+
border-right: 8px solid transparent !important;
−
.tpd-frame-top .tpd-shift-stem-side,
+
border-top: 8px solid;
−
.tpd-frame-bottom .tpd-shift-stem-side { width: 100%; }
+
bottom: -7px;
−
.tpd-frame-left .tpd-shift-stem-side,
 
−
.tpd-frame-right .tpd-shift-stem-side { height: 100%; }
 
−
 
 
−
.tpd-stem {
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 0;
 
−
  overflow: hidden; /* shows possible invalid subpx rendering */
 
−
  width: 16px; /* best cross browser stem: width = 2 x height (90deg angle) */
 
−
  height: 8px;
 
−
  margin-left: 3px; /* space from the side */
 
−
  margin-top: 3px; /* space between target and stem */
 
−
  -webkit-transform-origin: 0% 0%;
 
−
  transform-origin: 0% 0%;
 
−
}
 
−
/* remove margins once we're done measuring */
 
−
.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset { margin: 0 !important; }
 
−
 
 
−
.tpd-stem-spacer {
 
−
  float: left;
 
−
  position: relative;
 
−
  width: 100%;
 
−
  height: 100%;
 
−
}
 
−
.tpd-stem-reset .tpd-stem-spacer { margin-top: 0; }
 
−
 
 
−
.tpd-stem-point {
 
−
  width: 100px;
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 50%;
 
 
}
 
}
−
.tpd-stem-downscale,
+
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
−
.tpd-stem-transform {
+
border-left: 9px solid transparent !important;
−
  float: left;
+
border-right: 9px solid transparent !important;
−
  width: 100%;
+
border-top: 9px solid;
−
  height: 100%;
+
bottom: -7px;
−
  -webkit-transform-origin: 0% 0%;
 
−
  transform-origin: 0% 0%;
 
−
  position: relative;
 
 
}
 
}
  
−
.tpd-stem-side {
+
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
−
  width: 50%;
+
border-left: 8px solid transparent !important;
−
  height: 100%;
+
border-right: 8px solid transparent !important;
−
  float: left;
+
border-bottom: 8px solid;
−
  position: relative;
+
top: -7px;
−
  overflow: hidden;
 
 
}
 
}
−
.tpd-stem-side-inversed {
+
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
−
  -webkit-transform: scale(-1,1);
+
border-left: 9px solid transparent !important;
−
  transform: scale(-1,1);
+
border-right: 9px solid transparent !important;
 +
border-bottom: 9px solid;
 +
top: -7px;
 
}
 
}
−
.tpd-stem-triangle {
+
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
−
  width: 0;
+
left: 0;
−
  height: 0;
+
right: 0;
−
  border-bottom-style: solid;
+
margin: 0 auto;
−
  border-left-color: transparent;
 
−
  border-left-style: solid;
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 0;
 
 
}
 
}
−
.tpd-stem-border {
+
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
−
  width: 20px;
+
left: 6px;
−
  height: 100%;
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 50%;
 
−
  background-color: #fff; /* will become transparent */
 
−
  border-right-color: #fff;
 
−
  border-right-style: solid;
 
−
  border-right-width: 0;
 
 
}
 
}
−
 
+
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
−
.tpd-stem-border-corner {
+
left: 5px;
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 50%;
 
−
  height: 100%;
 
−
  border-right-style: solid;
 
−
  border-right-width: 0;
 
 
}
 
}
−
 
+
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
−
/* fixes rendering issue in IE */
+
right: 6px;
−
.tpd-stem * { z-index: 0; zoom: 1; }
 
−
 
 
−
/* used by IE < 9 */
 
−
.tpd-stem-border-center-offset,
 
−
.tpd-stem-border-center-offset-inverse {
 
−
  float: left;
 
−
  position: relative;
 
−
  width: 100%;
 
−
  height: 100%;
 
−
  overflow: hidden;
 
 
}
 
}
−
.tpd-stem-notransform {
+
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
−
  float: left;
+
right: 5px;
−
  width: 100%;
 
−
  height: 100%;
 
−
  position: relative;
 
 
}
 
}
−
.tpd-stem-notransform .tpd-stem-border {
+
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
−
  height: 100%;
+
border-top: 8px solid transparent !important;
−
  position: relative;
+
border-bottom: 8px solid transparent !important;  
−
  float: left;
+
border-left: 8px solid;
−
  top: 0;
+
top: 50%;
−
  left: 0;
+
margin-top: -7px;
−
  margin: 0;
+
right: -7px;
 
}
 
}
−
.tpd-stem-notransform .tpd-stem-border-center {
+
.tooltipster-arrow-left .tooltipster-arrow-border {
−
  position: absolute;
+
border-top: 9px solid transparent !important;
 +
border-bottom: 9px solid transparent !important;
 +
border-left: 9px solid;
 +
margin-top: -8px;
 
}
 
}
−
.tpd-stem-notransform .tpd-stem-border-corner {
+
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
−
  background: #fff;
+
border-top: 8px solid transparent !important;
−
  border: 0;
+
border-bottom: 8px solid transparent !important;  
−
  top: auto;
+
border-right: 8px solid;
−
  left: auto;
+
top: 50%;
 +
margin-top: -7px;
 +
left: -7px;
 
}
 
}
−
.tpd-stem-notransform .tpd-stem-border-center,
+
.tooltipster-arrow-right .tooltipster-arrow-border {
−
.tpd-stem-notransform .tpd-stem-triangle {
+
border-top: 9px solid transparent !important;
−
  height: 0;
+
border-bottom: 9px solid transparent !important;  
−
  border: 0;
+
border-right: 9px solid;
−
  left: 50%;
+
margin-top: -8px;
 
}
 
}
  
−
/* transformations for left/right/bottom */
 
−
.tpd-stem-transform-left {
 
−
  -webkit-transform: rotate(-90deg) scale(-1,1);
 
−
  transform: rotate(-90deg) scale(-1,1);
 
−
}
 
−
.tpd-stem-transform-right {
 
−
  -webkit-transform: rotate(90deg) translate(0, -100%);
 
−
  transform: rotate(90deg) translate(0, -100%);
 
−
}
 
−
.tpd-stem-transform-bottom {
 
−
  -webkit-transform: scale(1,-1) translate(0, -100%);
 
−
  transform: scale(1,-1) translate(0, -100%);
 
−
}
 
  
 +
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
  
−
/* Spinner measurements */
+
.tooltipster-fade {
−
.tpd-loading-icon {
+
opacity: 0;
−
  position: absolute;
+
-webkit-transition-property: opacity;
−
  width: 42px;  
+
-moz-transition-property: opacity;
−
  height: 42px;
+
-o-transition-property: opacity;
−
  display: none;
+
-ms-transition-property: opacity;
−
}
+
transition-property: opacity;
−
.tpd-loading-line {
 
−
  z-index: 12;
 
−
  height: 3px;
 
−
  width: 2px;
 
−
  margin-bottom: 5px;
 
 
}
 
}
−
.tpd-spinner {
+
.tooltipster-fade-show {
−
  margin-left: 50%;
+
opacity: 1;
−
  margin-top: 50%;
 
 
}
 
}
−
/* show the loader while loading and hide all the content */
 
−
.tpd-is-loading .tpd-loading-icon { display: block; }
 
−
.tpd-is-loading .tpd-content-wrapper,
 
−
.tpd-is-loading .tpd-title-wrapper { display: none; }
 
−
 
  
−
/* The actual spinner */
+
.tooltipster-grow {
−
@-moz-keyframes tpd-spin { 100% { -moz-transform: rotate(360deg); } }
+
-webkit-transform: scale(0,0);
−
@-webkit-keyframes tpd-spin { 100% { -webkit-transform: rotate(360deg); } }
+
-moz-transform: scale(0,0);
−
@keyframes tpd-spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
+
-o-transform: scale(0,0);
−
 
+
-ms-transform: scale(0,0);
−
.tpd-spin {
+
transform: scale(0,0);
−
  position: absolute;
+
-webkit-transition-property: -webkit-transform;
−
  top: 50%;
+
-moz-transition-property: -moz-transform;
−
  left: 50%;
+
-o-transition-property: -o-transform;
 +
-ms-transition-property: -ms-transform;
 +
transition-property: transform;
 +
-webkit-backface-visibility: hidden;
 
}
 
}
−
 
+
.tooltipster-grow-show {
−
.tpd-spin-rotate,
+
-webkit-transform: scale(1,1);
−
.tpd-spin-frame {
+
-moz-transform: scale(1,1);
−
  position: absolute;
+
-o-transform: scale(1,1);
−
  top: 0;
+
-ms-transform: scale(1,1);
−
  left: 0;
+
transform: scale(1,1);
−
  width: 100%;
+
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
−
  height: 100%;
+
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);  
 +
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);  
 +
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);  
 +
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);  
 +
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 
}
 
}
  
−
.tpd-spin-line {
+
.tooltipster-swing {
−
  position: absolute;
+
opacity: 0;
−
  top: 0;
+
-webkit-transform: rotateZ(4deg);
−
  left: 50%;
+
-moz-transform: rotateZ(4deg);
 +
-o-transform: rotateZ(4deg);
 +
-ms-transform: rotateZ(4deg);
 +
transform: rotateZ(4deg);
 +
-webkit-transition-property: -webkit-transform, opacity;
 +
-moz-transition-property: -moz-transform;
 +
-o-transition-property: -o-transform;
 +
-ms-transition-property: -ms-transform;
 +
transition-property: transform;
 
}
 
}
−
 
+
.tooltipster-swing-show {
−
 
+
opacity: 1;
−
/* Resets while measuring content */
+
-webkit-transform: rotateZ(0deg);
−
.tpd-tooltip-measuring {
+
-moz-transform: rotateZ(0deg);
−
  top: 0;
+
-o-transform: rotateZ(0deg);
−
  left: 0;
+
-ms-transform: rotateZ(0deg);
−
  position: absolute;
+
transform: rotateZ(0deg);
−
  max-width: 100%;
+
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
−
  width: 100%;
+
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
−
}
+
-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
−
.tpd-tooltip-measuring .tpd-skin,
+
-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
−
.tpd-tooltip-measuring .tpd-loading-icon {
+
-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
−
  display: none;
+
transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
 
}
 
}
  
−
/* Links */
+
.tooltipster-fall {
−
.tpd-tooltip a,
+
top: 0;
−
.tpd-tooltip a:hover { color: #8e8e8e; text-decoration: none; }
+
-webkit-transition-property: top;
−
.tpd-tooltip a:hover { text-decoration: underline; }
+
-moz-transition-property: top;
−
 
+
-o-transition-property: top;
−
 
+
-ms-transition-property: top;
−
/*
+
transition-property: top;
−
* Sizes
+
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
−
*/
+
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
−
/* x-small */
+
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
−
.tpd-size-x-small .tpd-content,
+
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);  
−
.tpd-size-x-small .tpd-title {
+
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);  
−
  padding: 7px 8px;
+
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);  
−
  font-size: 10px;
 
−
  line-height: 15px;
 
 
}
 
}
−
.tpd-size-x-small .tpd-background { border-radius: 5px; }
+
.tooltipster-fall-show {
−
.tpd-size-x-small .tpd-stem {
 
−
  width: 12px; 
 
−
  height: 6px;
 
−
  margin-left: 4px;
 
−
  margin-top: 2px;
 
 
}
 
}
−
.tpd-size-x-small.tpd-no-radius .tpd-stem { margin-left: 7px; }
+
.tooltipster-fall.tooltipster-dying {
−
.tpd-size-x-small .tpd-loading-icon { width: 32px; height: 32px; } 
+
-webkit-transition-property: all;
−
.tpd-size-x-small .tpd-loading-line {
+
-moz-transition-property: all;
−
  z-index: 12;       /* amount of lines */
+
-o-transition-property: all;
−
  margin-bottom: 4px; /* radius of the inner circle */
+
-ms-transition-property: all;
−
  height: 3px;       /* length of a line */
+
transition-property: all;
−
  width: 2px;         /* width of a line */
+
top: 0px !important;
 +
opacity: 0;
 
}
 
}
−
.tpd-size-x-small .tpd-close { margin-bottom: 1px; }
 
  
−
/* small */
+
.tooltipster-slide {
−
.tpd-size-small .tpd-content,
+
left: -40px;
−
.tpd-size-small .tpd-title {
+
-webkit-transition-property: left;
−
  padding: 8px;
+
-moz-transition-property: left;
−
  font-size: 10px;
+
-o-transition-property: left;
−
  line-height: 16px;
+
-ms-transition-property: left;
 +
transition-property: left;
 +
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 +
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 +
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 +
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);  
 +
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);  
 +
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 
}
 
}
−
.tpd-size-small .tpd-background { border-radius: 6px; }
+
.tooltipster-slide.tooltipster-slide-show {
−
.tpd-size-small .tpd-stem {
 
−
  width: 14px;
 
−
  height: 7px;
 
−
  margin-left: 5px;
 
−
  margin-top: 2px;
 
 
}
 
}
−
.tpd-size-small.tpd-no-radius .tpd-stem { margin-left: 8px; }
+
.tooltipster-slide.tooltipster-dying {
−
.tpd-size-small .tpd-loading-icon { width: 34px; height: 34px; }
+
-webkit-transition-property: all;
−
.tpd-size-small .tpd-loading-line {
+
-moz-transition-property: all;
−
  z-index: 12;       /* amount of lines */
+
-o-transition-property: all;
−
  margin-bottom: 4px; /* radius of the inner circle */
+
-ms-transition-property: all;
−
  height: 3px;       /* length of a line */
+
transition-property: all;
−
  width: 2px;         /* width of a line */
+
left: 0px !important;
 +
opacity: 0;
 
}
 
}
−
.tpd-size-small .tpd-close { margin: 2px 1px; }
 
  
  
−
/* medium (default) */
+
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
−
.tpd-size-medium .tpd-content,
+
.tooltipster-content-changing {
−
.tpd-size-medium .tpd-title {
+
opacity: 0.5;
−
  padding: 10px;
+
-webkit-transform: scale(1.1, 1.1);
−
  font-size: 11px;
+
-moz-transform: scale(1.1, 1.1);
−
  line-height: 16px;
+
-o-transform: scale(1.1, 1.1);
 +
-ms-transform: scale(1.1, 1.1);
 +
transform: scale(1.1, 1.1);
 
}
 
}
−
.tpd-size-medium .tpd-background { border-radius: 8px; }
 
−
.tpd-size-medium .tpd-stem {
 
−
  width: 16px;      /* best cross browser stem width is 2xheight, for a 90deg angle */
 
−
  height: 8px;
 
−
  margin-left: 6px; /* space from the side */
 
−
  margin-top: 2px;  /* space to offset the tooltip */
 
−
}
 
−
.tpd-size-medium.tpd-no-radius .tpd-stem { margin-left: 10px; }
 
−
/* wraps the loader, ideal dimensions don't cause stem movement when opening large tooltips */
 
−
.tpd-size-medium .tpd-loading-icon { width: 42px; height: 42px; }
 
−
.tpd-size-medium .tpd-loading-line {
 
−
  z-index: 12;        /* amount of lines */
 
−
  margin-bottom: 5px; /* radius of the inner circle */
 
−
  height: 4px;        /* length of a line */
 
−
  width: 2px;        /* width of a line */
 
−
}
 
−
.tpd-size-medium .tpd-close { margin: 4px 2px; }
 
−
 
−
 
  
−
/* large */
+
.tooltipster-noir {
−
.tpd-size-large .tpd-content,
+
border-radius: 0px;  
−
.tpd-size-large .tpd-title {
+
border: 3px solid #2c2c2c;
−
  padding: 10px;
+
background: #fff;
−
  font-size: 13px;
+
color: #2c2c2c;
−
  line-height: 18px;
 
−
}
 
−
.tpd-size-large .tpd-background { border-radius: 8px; }
 
−
.tpd-size-large .tpd-stem {
 
−
  width: 18px;
 
−
  height: 9px;
 
−
  margin-left: 7px;
 
−
  margin-top: 2px;
 
 
}
 
}
−
.tpd-size-large.tpd-no-radius .tpd-stem { margin-left: 10px; }
+
.tooltipster-noir .tooltipster-content {
−
.tpd-size-large .tpd-loading-icon { width: 50px; height: 50px; }
+
font-family: 'Georgia', serif;
−
.tpd-size-large .tpd-loading-line {
+
font-size: 14px;
−
  z-index: 12;        /* amount of lines */
+
line-height: 16px;
−
  margin-bottom: 5px; /* radius of the inner circle */
+
padding: 8px 10px;
−
  height: 5px;       /* length of a line */
 
−
  width: 2px;         /* width of a line */
 
 
}
 
}
−
.tpd-size-large .tpd-close { margin: 5px 2px 5px 2px; }
 
−
 
−
 
  
−
/* Skins */
+
#filetoc, #filetoc a {
−
/* default (dark) */
+
color: #000000;
−
.tpd-skin-dark .tpd-content,
 
−
.tpd-skin-dark .tpd-title,
 
−
.tpd-skin-dark .tpd-close { color: #fff; }
 
−
.tpd-skin-dark .tpd-background-content,
 
−
.tpd-skin-dark .tpd-background-title {
 
−
  background-color: #282828;
 
−
}
 
−
.tpd-skin-dark .tpd-background {
 
−
  border-width: 1px;
 
−
  border-color: #282828;
 
−
  border-color: rgba(255,255,255,.1);
 
 
}
 
}
−
/* line below the title */
 
−
.tpd-skin-dark .tpd-title-wrapper { border-bottom: 1px solid #404040; }
 
−
/* links */
 
−
.tpd-skin-dark a,
 
−
.tpd-skin-dark a:hover { color: #ccc; }
 

Latest revision as of 21:35, 9 October 2022

#content {
/*background-color: #424142;*/
background-image: url("/css/img/dark_content.png");
background-repeat: repeat;
color: rgba(255,255,255,0.7);

-webkit-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.35);
-moz-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.35);
box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.35);
}

.firstHeading {
color: rgba(255, 153, 0, 0.9);
text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
border-bottom: 1px solid rgba(0,0,0,0.2);
}

hr { border-color: rgba(0,0,0,0.2); }

h2 {
padding-bottom:5px;
color: rgba(255, 153, 0, 0.9);
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
border-bottom: 1px dashed rgba(0,0,0,0.2);
}

h3 {
/*
text-decoration-color: rgba(0, 0, 0, 0.2);
text-decoration-line: underline;
text-decoration-style: dashed;
*/
border-bottom: 1px dashed rgba(0,0,0,0.2);
}

h1, h3, h4, h5, h6 {
color: rgba(255, 255, 255, 0.9);
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
}

h4, h5, h6 {
border-bottom: 1px dashed rgba(0,0,0,0.2);
}

table.ts td, table.ex td {
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0,0,0,0.1);
}

table.ts tr:hover, table.ex tr:hover, table.in td:hover {
  background: rgba(0, 0, 0, 0.1);
}

textarea, #editform { color: black; }

.orng-shdw { text-shadow: 0px -1px 1px rgba(0,0,0,0.5);}


/* link fixes */
.mw-body .wikiEditor-ui a:link {color: rgba(0, 0, 0, 0.5) !important;}
.mw-body .wikiEditor-ui a:visited {color: rgba(0, 0, 0, 0.5) !important;}
.mw-body .wikiEditor-ui a:hover {color: rgba(0, 0, 0, 1) !important;}
.mw-body .wikiEditor-ui a:active {color: rgba(0, 0, 0, 1) !important;}

.mw-body a { text-decoration: none; }
.mw-body a:link { color: rgba(255, 153, 0, 0.7) !important; } /* normal unvisited links */
.mw-body a:link:visited { color: rgba(255, 153, 0, 0.7) !important; } /* visited links */
.mw-body a:link:active { color: rgba(255, 153, 0, 1) !important; } /* active links */
.mw-body a:link.new { color: rgba(255, 153, 0, 0.3) !important; } /* new links */
.mw-body a:link.new:hover { color: rgba(255, 153, 0, 1) !important; } /* new links hover */
.mw-body a:link.interwiki { color: rgba(255, 153, 0, 0.7) !important; } /* interwiki links */
.mw-body a:link.interwiki:hover { color: rgba(255, 153, 0, 1) !important; } /* interwiki links hover */
.mw-body a:link.external { color: rgba(255, 153, 0, 0.7) !important; } /* external links */
.mw-body a:link.external:hover { color: rgba(255, 153, 0, 1) !important; } /* external links */
.mw-body a:link.stub { color: rgba(255, 255, 255, 0.7) !important; } /* hovered links */
.mw-body a.mw-redirect {color: rgba(255, 255, 255, 0.7) !important;}
.mw-body a.mw-redirect:hover {color: rgba(255, 153, 0, 1) !important;}
.mw-body a:link {color: rgba(255, 153, 0, 0.7) !important;}
.mw-body a:visited {color: rgba(255, 153, 0, 0.7) !important;}
.mw-body a:hover {color: rgba(255, 153, 0, 1) !important;}
.mw-body a:active {color: rgba(255, 153, 0, 1) !important;}

.mw-collapsible-toggle { color: transparent; !important}
.mw-collapsible-toggle a { color: rgba(0, 0, 0, 0.7) !important; }
.mw-collapsible-toggle a:hover { color: rgba(0, 0, 0, 0.9) !important; }
.qntoggle a { color: rgba(255, 153, 0, 0.7) !important; }
.qntoggle a:hover { color: rgba(255, 153, 0, 0.9) !important; }

.tooltipster-light {
  border-radius: 5px; 
  border: 1px solid #cccccc;
  background: #ededed;
  color: #666666;
}
.tooltipster-light .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
}



/* roboto-condensed-300 - cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300italic - cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300italic.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-italic - cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700italic - cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/roboto-condensed-v16-cyrillic-ext_vietnamese_latin-ext_greek_latin_greek-ext_cyrillic-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

body{
background-image: url("/css/img/dark_bg.png");
background-repeat: repeat;
color: rgba(255, 255, 255, 0.6);
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
overflow-x: hidden;
}

#content {
padding-top: 10px;
padding-bottom: 10px;
font-size: 17px;
}

#searchInput { width:245px !important; }

.p-logo, .navbar-brand {
border: none !important;
/*border-left: none !important;*/
padding-right: 50px;
}

.navbar-brand img {max-width:34px; position:fixed; margin-top:6px; margin-left:10px;}

.navbar-default .navbar-nav > li > a {
 color: rgba(255, 255, 255, 0.8);
 font-family: 'Roboto Condensed', sans-serif;
 font-weight: 400;
 text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
 font-size:14px;
}

.navbar { 
background-image: url("/css/img/dark_content.png");

-webkit-box-shadow: 2px 0px 4px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    2px 0px 4px 0px rgba(50, 50, 50, 0.5);
box-shadow:         2px 0px 4px 0px rgba(50, 50, 50, 0.5);
}

.navbar-default .navbar-nav > li > a:hover {
background: rgba(0,0,0,0.050);
color: rgba(255, 153, 0, 0.9);
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > .active > a,
.navbar-default .dropdown-menu > .active > a:hover {
background-color: rgba(0,0,0,0.050);
}

.dropdown-menu {
background-image: url("/css/img/dark_content.png");
}

.tick {
background:url("/css/img/wiki_tick.png");
width:16px;
height:16px;
margin: 0 auto;
}

.tick2 {
background:url("/css/img/wiki_tick.png");
width:16px;
height:16px;
display: inline-block;
position: relative;
}

.cross {
background:url("/css/img/wiki_x.png");
width:16px;
height:16px;
margin: 0 auto;
}

.tip-r, .tip-t {
/*background:url("/css/img/wiki_info.png");
width:16px;
height:16px;*/
cursor: pointer;
/*display: inline-block;
position: relative;*/
color: #5bc0de;
}

.nl {display: inline; }

/* table colors */
table.ts a, table.ex a, table.in a { text-decoration: none; font-weight: bold; }

table.ex th { font-size: 13px; }

table.ts, table.ex, table.in {
 margin-top: 1em;
 margin-bottom: 1em;
 background: transparent;
 border-collapse: separate;
 border-spacing: 2px 2px;
 /*font-weight: bold;*/
 width: 100%;
 font-size:14px !important;
}

table.ts td, table.ex td {
  /*background: rgba(0, 0, 0, 0.1);*/
  vertical-align: top;
  padding: 5px;
  /*font-size: 13px;*/
}

table.in td {
  background: rgba(0, 0, 0, 0.1);
  vertical-align: middle;
  text-align: center;
  padding: 5px;
  /*font-size: 12px;*/
}

.i_arrow {
 font-size:42px;
 width: 5%;
}

.i_norm {
 font-size: 24px;
 width: 90%;
}

table.ex td {
 font-size: 12px;
/* font-style: italic; */
}

table.ts th {
 /*background: #5bc0de;*/
 background: rgba(255, 153, 0, 0.9);
 text-align:left;
 padding: 5px;
 color: rgba(0,0,0,0.7);
}

table.ts th a:link { color: rgba(0,0,0,0.7); }
table.ts th a:hover { color: rgba(0,0,0,0.9); }

table.ex th {
background: #454545;
 text-align:left;
 padding: 5px;
}

td.clickablecell a {
    display:block;
    width:100%;
    height:100%;
}

.ftoc {
 background: url("/css/img/dark_content.png");
 background-repeat: repeat;
 position: fixed;
 left: -250px;
 top: 50%;
 margin-top: -200px;
 width: 300px;
 height: 400px;
 overflow: auto;
 padding: 5px;
 font-size: 15px;
 overflow: hidden;
 z-index: 999;

 -webkit-border-top-right-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 -moz-border-radius-topright: 5px;
 -moz-border-radius-bottomright: 5px;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;

 -webkit-box-shadow: 2px 0px 4px 0px rgba(50, 50, 50, 0.5);
 -moz-box-shadow:    2px 0px 4px 0px rgba(50, 50, 50, 0.5);
 box-shadow:         2px 0px 4px 0px rgba(50, 50, 50, 0.5);
}

.ftoc a { color: rgba(255, 153, 0, 0.7); !important; }
.ftoc a:hover { color: rgba(255, 153, 0, 0.9); !important; }

.ftoc_content {
/*display:none;*/
left: -500px;
position:absolute;
}

/* .ftoc fix */
.ftoc h1, .ftoc h2, .ftoc h2, .ftoc h4, .ftoc h5, .ftoc h6 { color: rgba(255, 255, 255, 0.6);}
.mw-body .ftoc a { text-decoration: none; }
.mw-body .ftoc a:link { color: rgba(255, 255, 255, 0.6) !important; } /* normal unvisited links */
.mw-body .ftoc a:link:visited { color: rgba(255, 255, 255, 0.6) !important; } /* visited links */
.mw-body .ftoc a:link:active { color: rgba(255, 255, 255, 1) !important; } /* active links */
/*.mw-body .ftoc a:link.new { color: rgba(255, 0, 20, 0.8) !important; } /* new links */
.mw-body .ftoc a:link.new { color: rgba(255, 255, 255, 0.8) !important; }
.mw-body .ftoc a:link.new:hover { color: rgba(255, 0, 0, 1) !important; } /* new links hover */
.mw-body .ftoc a:link.interwiki { color: rgba(255, 255, 255, 0.6) !important; } /* interwiki links */
.mw-body .ftoc a:link.interwiki:hover { color: rgba(255, 255, 255, 1) !important; } /* interwiki links hover */
.mw-body .ftoc a:link.external { color: rgba(255, 255, 255, 0.6) !important; } /* external links */
.mw-body .ftoc a:link.external:hover { color: rgba(255, 255, 255, 1) !important; } /* external links */
.mw-body .ftoc a:link.stub { color: rgba(255, 255, 255, 1) !important; } /* hovered links */
.mw-body .ftoc a.mw-redirect {color: rgba(255, 255, 255, 0.6) !important;}
.mw-body .ftoc a.mw-redirect:hover {color: rgba(255, 255, 255, 1) !important;}
.mw-body .ftoc a:link {color: rgba(255, 255, 255, 0.6) !important;}
.mw-body .ftoc a:visited {color: rgba(255, 255, 255, 0.6) !important;}
.mw-body .ftoc a:hover {color: rgba(255, 255, 255, 1) !important;}
.mw-body .ftoc a:active {color: rgba(255, 255, 255, 1) !important;}

.mw-body .buy a:link:hover, .mw-body .download a:link:hover,
.mw-body .buy a:link.external:hover, .mw-body .download a:link.external:hover { color: #fff !important; }

@media screen and (min-width: 767px) {
  .tt_div {
  position: fixed;
  top: 4px;
  right: 350px;
  height: 35px;
  width: 35px;
  z-index: 9999;
  cursor: pointer;
  opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  .tt_div {
  position: fixed;
  top: 4px;
  right: 60px;
  height: 30px;
  width: 30px;
  z-index: 9999;
  cursor: pointer;
  opacity: 0.7;
  }
}

.tt_div:hover {
opacity: 1;
}

.tt_div img {
height: 35px;
width: 35px;
}

.wikiEditor-ui, .wikiEditor-ui a, .wikiEditor-ui a:hover,
.wikiEditor-ui-toolbar, .wikiEditor-ui-toolbar a, .wikiEditor-ui-toolbar a:hover { color: black !important; }

.buy, .download, .buy_lrg, .download_lrg {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:12px 50px;
	text-decoration:none;
        text-align:center;
	text-shadow:1px -1px 0px #cc9f52;
}
.buy:hover, .download:hover, .buy_lrg:hover, .download_lrg:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
        color: #fff;
}

.buy { width:49%; float:left; }
.download { width:49%; float:right; }
.buy_lrg { width:100%; float:left; }
.download_lrg { width:100%; float:right; }

.buy:active, .download:active, .buy_lrg:active, .download_lrg:active  {
	position:relative;
	top:1px;
}

.orng-shdw {
color: rgba(255, 153, 0, 0.9);
}

.s15 { font-size: 15px; }
.s16 { font-size: 16px; }
.s17 { font-size: 17px; }
.s18 { font-size: 18px; }
.s19 { font-size: 19px; }
.s20 { font-size: 20px; }
.s24 { font-size: 24px; }

.cent { text-align: center; }

/*
#content img {
-webkit-box-shadow: 1px 0px 4px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    1px 0px 4px 0px rgba(50, 50, 50, 0.5);
box-shadow:         1px 0px 4px 0px rgba(50, 50, 50, 0.5);
}
*/

.paypal_btn {
position: absolute;
right: 50px;
top: 55px;
}

.paypal_btn:hover {
opacity: 0.7;
}

/* begin tooltip css */

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.tooltipster-noir {
	border-radius: 0px; 
	border: 3px solid #2c2c2c;
	background: #fff;
	color: #2c2c2c;
}
.tooltipster-noir .tooltipster-content {
	font-family: 'Georgia', serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}

#filetoc, #filetoc a {
 color: #000000;
}
Retrieved from "https://wiki.visionaire-tracker.net/index.php?title=MediaWiki:Chameleon.css&oldid=11403"
  • Powered by MediaWiki