]>
git.immae.eu Git - github/wallabag/wallabag.git/blob - app/Resources/static/themes/material/css/main.css
1 /* ==========================================================================
14 ========================================================================== */
16 /* ==========================================================================
18 ========================================================================== */
22 src: url
("../fonts/icomoon.eot");
24 url
("../fonts/icomoon.eot#iefix") format
("embedded-opentype"),
25 url
("../fonts/icomoon.ttf") format
("truetype"),
26 url
("../fonts/icomoon.woff") format
("woff"),
27 url
("../fonts/icomoon.svg#icomoon") format
("svg");
33 font-family: 'Material Icons';
36 src: url
(../fonts
/MaterialIcons-Regular
.eot
);
39 src: local
("Material Icons"), local
("MaterialIcons-Regular"), url
(../fonts
/MaterialIcons-Regular
.woff2
) format
("woff2"), url
(../fonts
/MaterialIcons-Regular
.woff
) format
("woff"), url
(../fonts
/MaterialIcons-Regular
.ttf
) format
("truetype");
43 font-family: 'Material Icons';
46 font-size: 24px; /* Preferred icon size */
49 display: inline-block
;
52 letter-spacing: normal
;
57 /* Support for all WebKit browsers. */
58 -webkit-font-smoothing: antialiased
;
60 /* Support for Safari and Chrome. */
61 text-rendering: optimizeLegibility
;
63 /* Support for Firefox. */
64 -moz-osx-font-smoothing: grayscale
;
67 font-feature-settings: 'liga';
80 /* Better Font Rendering =========== */
81 -webkit-font-smoothing: antialiased
;
82 -moz-osx-font-smoothing: grayscale
;
88 flex-direction: column
;
98 border-bottom: 1px solid
#ddd;
122 .results
.nb-results
,
123 .results .pagination {
133 margin: 0 !important
;
146 .pagination .disabled {
151 div
.pagination ul
.prev
.disabled
,
152 div
.pagination ul
.next
.disabled
{
156 .pagination li.active span {
163 .page-footer .footer-copyright p {
171 .picker__date-display {
184 /* ==========================================================================
186 ========================================================================== */
192 .nav-wrapper .button-collapse {
204 .nav-panel-buttom li {
209 transition: background
0.2s ease
;
213 .nav-panel-search
.search
,
215 color: #444 !important
;
218 .nav-panels .action {
219 padding-left: 0.75rem;
224 .nav-panels .input-field input {
226 line-height: inherit
;
227 padding-left: 4rem !important
;
228 width: calc
(100% - 8rem);
231 .nav-panels .input-field input:focus {
232 background-color: #fff;
238 .input-field.nav-panel-add label {
242 .input-field.nav-panel-add .close {
249 transition: 0.3s color
;
260 .input-field.nav-panel-add, .input-field.nav-panel-add form {
264 /* ==========================================================================
266 ========================================================================== */
274 .side-nav
.collapsible-header
,
275 .side-nav.fixed .collapsible-header {
285 .side-nav > li.logo {
300 background: transparent
;
315 /* ==========================================================================
317 * ========================================================================== */
324 .side-nav.fixed.right-aligned {
326 left: auto
!important
;
330 #filters div
.with-checkbox
{
335 /* ==========================================================================
337 ========================================================================== */
347 .data .card .card-body {
352 .card .card-content .card-title {
357 .card .card-content i.right, .card .card-reveal i.right {
361 .card .card-entry-labels {
368 .card .card-entry-labels li {
369 margin: 10px 10px 10px auto
;
370 padding: 5px 12px 5px 16px;
371 background-color: rgba
(0, 151, 167, 0.85);
372 border-radius: 0 3px 3px 0;
377 text-overflow: ellipsis
;
381 .card .card-entry-labels-hidden {
385 .card .card-entry-labels-hidden li {
386 display: inline-block
;
387 background-color: rgba
(0, 151, 167, 0.85);
393 max-width: calc
(100% - 15px);
395 text-overflow: ellipsis
;
399 .card .card-content .estimatedTime {
403 .card .card-action .original {
407 .card .card-action ul.links {
413 .card .card-action a {
414 color: #fff !important
;
418 .card .card-action a:hover {
419 color: #fff !important
;
422 .settings .div_tabs {
423 padding-bottom: 15px;
436 .card .card-image .preview {
438 background-size: cover
;
439 background-repeat: no-repeat
;
440 background-position: 50%;
443 /* ==========================================================================
445 ========================================================================== */
459 #article > header
> h1
{
464 width: 95px !important
;
465 transition: width
0.2s ease
;
469 width: 240px !important
;
472 .reader-mode .collapsible-body {
477 .reader-mode:hover .collapsible-body {
483 transition: opacity
0.2s ease
;
486 .reader-mode:hover span {
499 #article aside
.link
{
502 text-decoration: none
;
505 #article aside #list
{
510 #article aside
.chip
{
511 background-color: rgba
(0, 151, 167, 0.85);
513 padding: 0 15px 0 10px;
516 #article aside
.chip i
{
520 /* ==========================================================================
522 ========================================================================== */
524 @media only screen and
(max-width: 992px) {
539 width: 240px !important
;
545 display: inline-block
;
555 .pagination li.next {
560 @media only screen and
(min-width: 400px) {
566 @media only screen and
(min-width: 993px) and
(max-width: 1180px) {
609 @media only screen and
(max-width: 350px) {
615 /* ==========================================================================
617 ========================================================================== */
619 .icon-google-plus2::before {
623 .icon-facebook2::before {
627 .icon-twitter::before {
631 .icon-apple::before {
635 .icon-android::before {
639 .icon-chrome::before {
643 .icon-firefox::before {
651 footer
[class^
="icon-"],
652 footer
[class
*=" icon-"] {
654 transition: text-shadow
0.2s ease
;
658 footer
[class^
="icon-"]:hover
,
659 footer
[class
*=" icon-"]:hover
{
660 text-shadow: 0 0 10px rgba
(0, 0, 0, 0.3);
663 /* ==========================================================================
665 ========================================================================== */
667 /* force height on non-input field in the settings page */
668 div
.settings div
.input-field div
,
669 div
.settings div
.input-field ul
{
673 /* but avoid to kill all file input */
674 div
.settings div
.file-field div
{
678 .input-field label.active {