zulip/zephyr/static/styles/fonts.css

446 lines
16 KiB
CSS
Raw Normal View History

/*!
* Portions of this file are under the following license:
*
* Font Awesome 3.0.2 License
* -------------------------------------------------------
* - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
* http://opensource.org/licenses/mit-license.html
* - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
* "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"
*/
@font-face {
font-family: 'Humbug';
src: url('../third/sourcesans/SourceSansPro-ExtraLight-webfont.eot');
src: url('../third/sourcesans/SourceSansPro-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
url('../third/sourcesans/SourceSansPro-ExtraLight-webfont.woff') format('woff'),
url('../third/sourcesans/SourceSansPro-ExtraLight-webfont.ttf') format('truetype'),
url('../third/sourcesans/SourceSansPro-ExtraLight-webfont.svg#SourceSansProExtraLight') format('svg');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Humbug';
src: url('../third/sourcesans/SourceSansPro-ExtraLightIt-webfont.eot');
src: url('../third/sourcesans/SourceSansPro-ExtraLightIt-webfont.eot?#iefix') format('embedded-opentype'),
url('../third/sourcesans/SourceSansPro-ExtraLightIt-webfont.woff') format('woff'),
url('../third/sourcesans/SourceSansPro-ExtraLightIt-webfont.ttf') format('truetype'),
url('../third/sourcesans/SourceSansPro-ExtraLightIt-webfont.svg#SourceSansProExtraLightItalic') format('svg');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Humbug';
src: url('../third/sourcesans/SourceSansPro-Light-webfont.eot');
src: url('../third/sourcesans/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('../third/sourcesans/SourceSansPro-Light-webfont.woff') format('woff'),
url('../third/sourcesans/SourceSansPro-Light-webfont.ttf') format('truetype'),
url('../third/sourcesans/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Humbug';
src: url('../third/sourcesans/SourceSansPro-LightIt-webfont.eot');
src: url('../third/sourcesans/SourceSansPro-LightIt-webfont.eot?#iefix') format('embedded-opentype'),
url('../third/sourcesans/SourceSansPro-LightIt-webfont.woff') format('woff'),
url('../third/sourcesans/SourceSansPro-LightIt-webfont.ttf') format('truetype'),
url('../third/sourcesans/SourceSansPro-LightIt-webfont.svg#SourceSansProLightItalic') format('svg');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Humbug';
src: url('../third/sourcesans/SourceSansPro-Regular-webfont.eot');
src: url('../third/sourcesans/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../third/sourcesans/SourceSansPro-Regular-webfont.woff') format('woff'),
url('../third/sourcesans/SourceSansPro-Regular-webfont.ttf') format('truetype'),
url('../third/sourcesans/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Humbug';
src: url('../third/sourcesans/SourceSansPro-It-webfont.eot');
src: url('../third/sourcesans/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'),
url('../third/sourcesans/SourceSansPro-It-webfont.woff') format('woff'),
url('../third/sourcesans/SourceSansPro-It-webfont.ttf') format('truetype'),
url('../third/sourcesans/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Humbug';
src: url('../third/sourcesans/SourceSansPro-Semibold-webfont.eot');
src: url('../third/sourcesans/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('../third/sourcesans/SourceSansPro-Semibold-webfont.woff') format('woff'),
url('../third/sourcesans/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
url('../third/sourcesans/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Humbug';
src: url('../third/sourcesans/SourceSansPro-SemiboldIt-webfont.eot');
src: url('../third/sourcesans/SourceSansPro-SemiboldIt-webfont.eot?#iefix') format('embedded-opentype'),
url('../third/sourcesans/SourceSansPro-SemiboldIt-webfont.woff') format('woff'),
url('../third/sourcesans/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'),
url('../third/sourcesans/SourceSansPro-SemiboldIt-webfont.svg#SourceSansProSemiboldItalic') format('svg');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Humbug';
src: url('../third/sourcesans/SourceSansPro-Bold-webfont.eot');
src: url('../third/sourcesans/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../third/sourcesans/SourceSansPro-Bold-webfont.woff') format('woff'),
url('../third/sourcesans/SourceSansPro-Bold-webfont.ttf') format('truetype'),
url('../third/sourcesans/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Humbug';
src: url('../third/sourcesans/SourceSansPro-BoldIt-webfont.eot');
src: url('../third/sourcesans/SourceSansPro-BoldIt-webfont.eot?#iefix') format('embedded-opentype'),
url('../third/sourcesans/SourceSansPro-BoldIt-webfont.woff') format('woff'),
url('../third/sourcesans/SourceSansPro-BoldIt-webfont.ttf') format('truetype'),
url('../third/sourcesans/SourceSansPro-BoldIt-webfont.svg#SourceSansProBoldItalic') format('svg');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Humbug';
src: url('../third/sourcesans/SourceSansPro-Black-webfont.eot');
src: url('../third/sourcesans/SourceSansPro-Black-webfont.eot?#iefix') format('embedded-opentype'),
url('../third/sourcesans/SourceSansPro-Black-webfont.woff') format('woff'),
url('../third/sourcesans/SourceSansPro-Black-webfont.ttf') format('truetype'),
url('../third/sourcesans/SourceSansPro-Black-webfont.svg#SourceSansProBlack') format('svg');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Humbug';
src: url('../third/sourcesans/SourceSansPro-BlackIt-webfont.eot');
src: url('../third/sourcesans/SourceSansPro-BlackIt-webfont.eot?#iefix') format('embedded-opentype'),
url('../third/sourcesans/SourceSansPro-BlackIt-webfont.woff') format('woff'),
url('../third/sourcesans/SourceSansPro-BlackIt-webfont.ttf') format('truetype'),
url('../third/sourcesans/SourceSansPro-BlackIt-webfont.svg#SourceSansProBlackItalic') format('svg');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'FontAwesome';
src: url('../third/fontawesome/fontawesome2-webfont.eot?v=3.0.1');
src: url('../third/fontawesome/fontawesome2-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
url('../third/fontawesome/fontawesome2-webfont.woff?v=3.0.1') format('woff'),
url('../third/fontawesome/fontawesome2-webfont.ttf?v=3.0.1') format('truetype'),
url('../third/fontawesome/fontawesome2-webfont.svg#FontAwesome') format('svg');
font-weight: normal;
font-style: normal;
}
/* Font Awesome styles
------------------------------------------------------- */
[class^="icon-vector-"],
[class*=" icon-vector-"] {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
/* sprites.less reset */
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
}
/* more sprites.less reset */
.icon-vector-white,
.nav-pills > .active > a > [class^="icon-vector-"],
.nav-pills > .active > a > [class*=" icon-vector-"],
.nav-list > .active > a > [class^="icon-vector-"],
.nav-list > .active > a > [class*=" icon-vector-"],
.navbar-inverse .nav > .active > a > [class^="icon-vector-"],
.navbar-inverse .nav > .active > a > [class*=" icon-vector-"],
.dropdown-menu > li > a:hover > [class^="icon-vector-"],
.dropdown-menu > li > a:hover > [class*=" icon-vector-"],
.dropdown-menu > .active > a > [class^="icon-vector-"],
.dropdown-menu > .active > a > [class*=" icon-vector-"],
.dropdown-submenu:hover > a > [class^="icon-vector-"],
.dropdown-submenu:hover > a > [class*=" icon-vector-"] {
background-image: none;
}
[class^="icon-vector-"]:before,
[class*=" icon-vector-"]:before {
text-decoration: inherit;
display: inline-block;
speak: none;
}
/* makes sure icons active on rollover in links */
a [class^="icon-vector-"],
a [class*=" icon-vector-"] {
display: inline-block;
}
/* makes the font 33% larger relative to the icon container */
.icon-vector-large:before {
vertical-align: -10%;
font-size: 1.3333333333333333em;
}
.btn [class^="icon-vector-"],
.nav [class^="icon-vector-"],
.btn [class*=" icon-vector-"],
.nav [class*=" icon-vector-"] {
display: inline;
/* keeps button heights with and without icons the same */
}
.btn [class^="icon-vector-"].icon-vector-large,
.nav [class^="icon-vector-"].icon-vector-large,
.btn [class*=" icon-vector-"].icon-vector-large,
.nav [class*=" icon-vector-"].icon-vector-large {
line-height: .9em;
}
.btn [class^="icon-vector-"].icon-vector-spin,
.nav [class^="icon-vector-"].icon-vector-spin,
.btn [class*=" icon-vector-"].icon-vector-spin,
.nav [class*=" icon-vector-"].icon-vector-spin {
display: inline-block;
}
.nav-tabs [class^="icon-vector-"],
.nav-pills [class^="icon-vector-"],
.nav-tabs [class*=" icon-vector-"],
.nav-pills [class*=" icon-vector-"] {
/* keeps button heights with and without icons the same */
}
.nav-tabs [class^="icon-vector-"],
.nav-pills [class^="icon-vector-"],
.nav-tabs [class*=" icon-vector-"],
.nav-pills [class*=" icon-vector-"],
.nav-tabs [class^="icon-vector-"].icon-vector-large,
.nav-pills [class^="icon-vector-"].icon-vector-large,
.nav-tabs [class*=" icon-vector-"].icon-vector-large,
.nav-pills [class*=" icon-vector-"].icon-vector-large {
line-height: .9em;
}
li [class^="icon-vector-"],
.nav li [class^="icon-vector-"],
li [class*=" icon-vector-"],
.nav li [class*=" icon-vector-"] {
display: inline-block;
width: 1.25em;
text-align: center;
}
li [class^="icon-vector-"].icon-vector-large,
.nav li [class^="icon-vector-"].icon-vector-large,
li [class*=" icon-vector-"].icon-vector-large,
.nav li [class*=" icon-vector-"].icon-vector-large {
/* increased font size for icon-vector-large */
width: 1.5625em;
}
ul.icons {
list-style-type: none;
text-indent: -0.75em;
}
ul.icons li [class^="icon-vector-"],
ul.icons li [class*=" icon-vector-"] {
width: .75em;
}
.icon-vector-muted {
color: #eeeeee;
}
.icon-vector-border {
border: solid 1px #eeeeee;
padding: .2em .25em .15em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.icon-vector-small {
font-size: 0.8em;
}
.icon-vector-2x {
font-size: 2em;
}
.icon-vector-2x.icon-vector-border {
border-width: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.icon-vector-3x {
font-size: 3em;
}
.icon-vector-3x.icon-vector-border {
border-width: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.icon-vector-4x {
font-size: 4em;
}
.icon-vector-4x.icon-vector-border {
border-width: 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
[class^="icon-vector-"].pull-left,
[class*=" icon-vector-"].pull-left {
margin-right: .3em;
}
[class^="icon-vector-"].pull-right,
[class*=" icon-vector-"].pull-right {
margin-left: .3em;
}
.btn [class^="icon-vector-"].pull-left.icon-vector-2x,
.btn [class*=" icon-vector-"].pull-left.icon-vector-2x,
.btn [class^="icon-vector-"].pull-right.icon-vector-2x,
.btn [class*=" icon-vector-"].pull-right.icon-vector-2x {
margin-top: .18em;
}
.btn [class^="icon-vector-"].icon-vector-spin.icon-vector-large,
.btn [class*=" icon-vector-"].icon-vector-spin.icon-vector-large {
line-height: .8em;
}
.btn.btn-small [class^="icon-vector-"].pull-left.icon-vector-2x,
.btn.btn-small [class*=" icon-vector-"].pull-left.icon-vector-2x,
.btn.btn-small [class^="icon-vector-"].pull-right.icon-vector-2x,
.btn.btn-small [class*=" icon-vector-"].pull-right.icon-vector-2x {
margin-top: .25em;
}
.btn.btn-large [class^="icon-vector-"],
.btn.btn-large [class*=" icon-vector-"] {
margin-top: 0;
}
.btn.btn-large [class^="icon-vector-"].pull-left.icon-vector-2x,
.btn.btn-large [class*=" icon-vector-"].pull-left.icon-vector-2x,
.btn.btn-large [class^="icon-vector-"].pull-right.icon-vector-2x,
.btn.btn-large [class*=" icon-vector-"].pull-right.icon-vector-2x {
margin-top: .05em;
}
.btn.btn-large [class^="icon-vector-"].pull-left.icon-vector-2x,
.btn.btn-large [class*=" icon-vector-"].pull-left.icon-vector-2x {
margin-right: .2em;
}
.btn.btn-large [class^="icon-vector-"].pull-right.icon-vector-2x,
.btn.btn-large [class*=" icon-vector-"].pull-right.icon-vector-2x {
margin-left: .2em;
}
.icon-vector-spin {
display: inline-block;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes spin {
0% { -o-transform: rotate(0deg); }
100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes spin {
0% { -ms-transform: rotate(0deg); }
100% { -ms-transform: rotate(359deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); }
}
@-moz-document url-prefix() {
.icon-vector-spin {
height: .9em;
}
.btn .icon-vector-spin {
height: auto;
}
.icon-vector-spin.icon-vector-large {
height: 1.25em;
}
.btn .icon-vector-spin.icon-vector-large {
height: .75em;
}
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.icon-vector-star:before { content: "\f005"; }
.icon-vector-star-empty:before { content: "\f006"; }
.icon-vector-paper-clip:before { content: "\f0c6"; }
.icon-vector-random:before { content: "\f074"; }
.icon-vector-desktop:before { content: "\f108"; }
.icon-vector-mobile-phone:before { content: "\f10b"; }
.icon-vector-lock:before { content: "\f023"; }
.icon-vector-bell:before { content: "\f0a2"; }
.icon-vector-comments:before { content: "\f086"; }
.icon-vector-quote-left:before { content: "\f10d"; }
.icon-vector-road:before { content: "\f018"; }
.icon-vector-search:before { content: "\f002"; }
.icon-vector-picture:before { content: "\f03e"; }
.icon-vector-home:before { content: "\f015"; }
.icon-vector-group:before { content: "\f0c0"; }
.icon-vector-info-sign:before { content: "\f05a"; }
.icon-vector-user:before { content: "\f007"; }
.icon-vector-font:before { content: "\f031"; }
.icon-vector-thumbs-up:before { content: "\f087"; }
.icon-vector-github:before { content: "\f09b"; }
.icon-vector-sitemap:before { content: "\f0e8"; }
.icon-vector-edit:before { content: "\f044"; }
.icon-vector-bullhorn:before { content: "\f0a1"; }
.icon-vector-list:before { content: "\f03a"; }
.icon-vector-cog:before { content: "\f013"; }
.icon-vector-check:before { content: "\f046"; }
.icon-vector-check-empty:before { content: "\f096"; }
.icon-vector-comment:before { content: "\f075"; }
.icon-vector-narrow:before { content: "\f01f"; }
.icon-vector-minus-sign:before { content: "\f056"; }
.icon-vector-plus-sign:before { content: "\f055"; }
.icon-vector-pencil:before { content: "\f040"; }