2014-10-18 08:01:09 +13:00
|
|
|
@font-face {
|
|
|
|
font-family: 'httpsb';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: normal;
|
|
|
|
src: local('httpsb'), url(fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf) format('truetype');
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: 'httpsb';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: bold;
|
|
|
|
src: local('httpsb'), url(fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf) format('truetype');
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: 'httpsb';
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: normal;
|
|
|
|
src: local('httpsb'), url(fonts/Roboto_Condensed/RobotoCondensed-Light.ttf) format('truetype');
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: 'httpsb';
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: bold;
|
|
|
|
src: local('httpsb'), url(fonts/Roboto_Condensed/RobotoCondensed-BoldItalic.ttf) format('truetype');
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: 'httpsb';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 100;
|
|
|
|
src: local('httpsb'), url(fonts/Roboto_Condensed/RobotoCondensed-Light.ttf) format('truetype');
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: 'FontAwesome';
|
|
|
|
src: url('fonts/fontawesome-webfont.ttf') format('truetype');
|
|
|
|
font-weight: normal;
|
|
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
.fa {
|
|
|
|
font-family: FontAwesome;
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: normal;
|
|
|
|
line-height: 1;
|
|
|
|
vertical-align: baseline;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
2014-11-03 06:10:21 +13:00
|
|
|
html {
|
|
|
|
direction: ltr;
|
|
|
|
}
|
|
|
|
html.rtl {
|
|
|
|
direction: rtl;
|
|
|
|
}
|
|
|
|
|
2014-10-18 08:01:09 +13:00
|
|
|
/* http://stackoverflow.com/questions/2011142/how-to-change-the-style-of-title-attribute-inside-the-anchor-tag?answertab=votes */
|
|
|
|
*[data-tip] {
|
|
|
|
position: relative;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
*[data-tip]:hover:after {
|
2014-10-29 11:37:08 +13:00
|
|
|
background-color: #fffffa;
|
2014-10-18 08:01:09 +13:00
|
|
|
border: 1px solid gray;
|
|
|
|
border-radius: 3px;
|
|
|
|
box-shadow: 1px 1px 3px gray;
|
2014-10-29 11:34:44 +13:00
|
|
|
color: black;
|
|
|
|
content: attr(data-tip);
|
|
|
|
font: 12px sans-serif;
|
|
|
|
line-height: 140%;
|
|
|
|
min-width: 40vw;
|
|
|
|
padding: 4px 6px;
|
|
|
|
position: absolute;
|
|
|
|
text-align: start;
|
|
|
|
top: 110%;
|
|
|
|
white-space: pre-line;
|
|
|
|
z-index: 20;
|
2014-10-18 08:01:09 +13:00
|
|
|
}
|
2014-11-04 08:27:59 +13:00
|
|
|
html.ltr .tip-anchor-left[data-tip]:hover:after,
|
|
|
|
html.rtl .tip-anchor-right[data-tip]:hover:after {
|
2014-10-29 11:34:44 +13:00
|
|
|
left: -5vw;
|
2014-10-18 08:01:09 +13:00
|
|
|
}
|
2014-11-04 08:27:59 +13:00
|
|
|
html.ltr .tip-anchor-right[data-tip]:hover:after,
|
|
|
|
html.rtl .tip-anchor-left[data-tip]:hover:after {
|
2014-10-29 11:34:44 +13:00
|
|
|
right: -5vw;
|
2014-10-18 08:01:09 +13:00
|
|
|
}
|