mirror of
https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git
synced 2024-11-15 17:25:44 +00:00
90 lines
2.0 KiB
CSS
90 lines
2.0 KiB
CSS
|
/* https://google.github.io/material-design-icons/#setup-method-2-self-hosting */
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'nopaque Icons';
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 400;
|
||
|
|
src: local('nopaque Icons'),
|
||
|
|
local('nopaqueIcons-Regular'),
|
||
|
|
url(../fonts/nopaque_icons/nopaqueIcons-Regular.otf) format('opentype');
|
||
|
|
}
|
||
|
|
|
||
|
|
.nopaque-icons {
|
||
|
|
font-family: 'nopaque Icons';
|
||
|
|
font-weight: normal;
|
||
|
|
font-style: normal;
|
||
|
|
font-size: 24px; /* Preferred icon size */
|
||
|
|
display: inline-block;
|
||
|
|
line-height: 1;
|
||
|
|
text-transform: none;
|
||
|
|
letter-spacing: normal;
|
||
|
|
word-wrap: normal;
|
||
|
|
white-space: nowrap;
|
||
|
|
direction: ltr;
|
||
|
|
|
||
|
|
/* Support for all WebKit browsers. */
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
/* Support for Safari and Chrome. */
|
||
|
|
text-rendering: optimizeLegibility;
|
||
|
|
|
||
|
|
/* Support for Firefox. */
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
|
||
|
|
/* Support for IE. */
|
||
|
|
font-feature-settings: 'liga';
|
||
|
|
}
|
||
|
|
|
||
|
|
.breadcrumb i.nopaque-icons {
|
||
|
|
display: inline-block;
|
||
|
|
float: left;
|
||
|
|
font-size: 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nopaque-icons {
|
||
|
|
text-rendering: optimizeLegibility;
|
||
|
|
-webkit-font-feature-settings: 'liga';
|
||
|
|
-moz-font-feature-settings: 'liga';
|
||
|
|
font-feature-settings: 'liga';
|
||
|
|
}
|
||
|
|
|
||
|
|
nav i.nopaque-icons {
|
||
|
|
display: block;
|
||
|
|
font-size: 24px;
|
||
|
|
height: 56px;
|
||
|
|
line-height: 56px;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav .brand-logo i.nopaque-icons {
|
||
|
|
float: left;
|
||
|
|
margin-right: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav ul a.btn > .nopaque-icons, nav ul a.btn-large > .nopaque-icons, nav ul a.btn-small > .nopaque-icons, nav ul a.btn-large > .nopaque-icons, nav ul a.btn-flat > .nopaque-icons, nav ul a.btn-floating > .nopaque-icons {
|
||
|
|
height: inherit;
|
||
|
|
line-height: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input-field input[type=search]:focus:not(.browser-default) ~ .nopaque-icons {
|
||
|
|
color: #444;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input-field input[type=search] ~ .nopaque-icons {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 1rem;
|
||
|
|
color: transparent;
|
||
|
|
cursor: pointer;
|
||
|
|
font-size: 2rem;
|
||
|
|
-webkit-transition: .3s color;
|
||
|
|
transition: .3s color;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidenav li > a > i.nopaque-icons {
|
||
|
|
float: left;
|
||
|
|
height: 48px;
|
||
|
|
line-height: 48px;
|
||
|
|
margin: 0 32px 0 0;
|
||
|
|
width: 24px;
|
||
|
|
color: rgba(0, 0, 0, 0.54);
|
||
|
|
}
|