mirror of https://github.com/zulip/zulip.git
448 lines
16 KiB
CSS
448 lines
16 KiB
CSS
/*!
|
|
* 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/fontawesome3-webfont.eot?v=3.0.1');
|
|
src: url('../third/fontawesome/fontawesome3-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
|
|
url('../third/fontawesome/fontawesome3-webfont.woff?v=3.0.1') format('woff'),
|
|
url('../third/fontawesome/fontawesome3-webfont.ttf?v=3.0.1') format('truetype'),
|
|
url('../third/fontawesome/fontawesome3-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"; }
|