1 /* ==========================================================================
14 ========================================================================== */
16 /* ==========================================================================
18 ========================================================================== */
22 src: url
("../fonts/IcoMoon-Free.ttf");
28 font-family: 'Material Icons';
31 src: url
(../fonts
/MaterialIcons-Regular
.eot
);
34 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");
38 font-family: 'Material Icons';
41 font-size: 24px; /* Preferred icon size */
44 display: inline-block
;
47 letter-spacing: normal
;
52 /* Support for all WebKit browsers. */
53 -webkit-font-smoothing: antialiased
;
55 /* Support for Safari and Chrome. */
56 text-rendering: optimizeLegibility
;
58 /* Support for Firefox. */
59 -moz-osx-font-smoothing: grayscale
;
62 font-feature-settings: 'liga';
65 [class^
="icon-"]::before
,
66 [class
*=" icon-"]::before
{
74 background-size: 24px;
76 /* Enable Ligatures ================ */
78 -webkit-font-feature-settings: "liga";
79 -moz-font-feature-settings: "liga=1";
80 -moz-font-feature-settings: "liga";
81 -ms-font-feature-settings: "liga" 1;
82 -o-font-feature-settings: "liga";
83 font-feature-settings: "liga";
85 /* Better Font Rendering =========== */
86 -webkit-font-smoothing: antialiased
;
87 -moz-osx-font-smoothing: grayscale
;
91 background-size: 16px;
92 background-repeat: no-repeat
;
93 padding-right: 1em !important
;
94 padding-left: 1em !important
;
101 .icon-no-eye::before {
105 .icon-calendar::before {
117 /* Carrot (http://carrot.org) */
118 .icon-image--carrot {
119 background-image: url
("../../_global/img/icons/carrot-icon--black.png");
123 .icon-image--diaspora {
124 background-image: url
("../../_global/img/icons/diaspora-icon--black.png");
128 .icon-image--unmark {
129 background-image: url
("../../_global/img/icons/unmark-icon--black.png");
133 .icon-image--shaarli {
134 background-image: url
("../../_global/img/icons/shaarli.png");
140 flex-direction: column
;
150 border-bottom: 1px solid
#ddd;
174 .results
.nb-results
,
175 .results .pagination {
185 margin: 0 !important
;
198 .pagination .disabled {
203 div
.pagination ul
.prev
.disabled
,
204 div
.pagination ul
.next
.disabled
{
208 .pagination li.active span {
215 .page-footer .footer-copyright p {
223 .picker__date-display {
236 /* ==========================================================================
238 ========================================================================== */
244 .nav-wrapper .button-collapse {
256 .nav-panel-buttom li {
261 transition: background
0.2s ease
;
265 .nav-panel-search
.search
,
267 color: #444 !important
;
270 .nav-panels .action {
271 padding-left: 0.75rem;
276 .nav-panels .input-field input {
278 line-height: inherit
;
279 padding-left: 4rem !important
;
280 width: calc
(100% - 8rem);
283 .nav-panels .input-field input:focus {
284 background-color: #fff;
290 .input-field.nav-panel-add label {
294 .input-field.nav-panel-add .close {
301 transition: 0.3s color
;
312 .input-field
.nav-panel-add
,
313 .input-field.nav-panel-add form {
317 /* ==========================================================================
319 ========================================================================== */
327 .side-nav
.collapsible-header
,
328 .side-nav.fixed .collapsible-header {
338 .side-nav > li.logo {
353 background: transparent
;
369 background-color: initial
;
372 /* ==========================================================================
374 * ========================================================================== */
381 .side-nav.fixed.right-aligned {
383 left: auto
!important
;
387 #filters div
.with-checkbox
{
392 /* ==========================================================================
394 ========================================================================== */
404 .data .card .card-body {
409 .card .card-content .card-title {
414 .card
.card-content i
.right
,
415 .card .card-reveal i.right {
419 .card .card-entry-labels {
426 .card
.card-entry-labels li
,
427 .card-tag-labels li {
428 margin: 10px 10px 10px auto
;
429 padding: 5px 12px 5px 16px !important
;
430 background-color: rgba
(0, 151, 167, 0.85);
431 border-radius: 0 3px 3px 0;
436 text-overflow: ellipsis
;
440 .card .card-entry-labels-hidden {
444 .card .card-entry-labels-hidden li {
445 display: inline-block
;
446 background-color: rgba
(0, 151, 167, 0.85);
452 max-width: calc
(100% - 15px);
454 text-overflow: ellipsis
;
459 .card-entry-labels a
,
461 .card-entry-labels-hidden a
,
463 text-decoration: none
;
468 .card .card-content .estimatedTime {
472 .card .card-action .original {
476 .card .card-action ul.links {
482 .card .card-action a {
487 .card .card-action a:hover {
491 .quickstart
.card
.card-action a
,
492 .quickstart .card .card-action a:hover {
493 color: #fff !important
;
496 .settings .div_tabs {
497 padding-bottom: 15px;
510 .card .card-image .preview {
512 background-size: cover
;
513 background-repeat: no-repeat
;
514 background-position: 50%;
517 /* ==========================================================================
519 ========================================================================== */
533 #article > header
> h1
{
538 width: 95px !important
;
539 transition: width
0.2s ease
;
543 width: 240px !important
;
546 .reader-mode .collapsible-body {
551 .reader-mode:hover .collapsible-body {
557 transition: opacity
0.2s ease
;
560 .reader-mode:hover span {
573 #article aside
.link
{
576 text-decoration: none
;
579 #article aside #list
{
584 #article aside
.chip
{
585 background-color: rgba
(0, 151, 167, 0.85);
587 padding: 0 15px 0 10px;
590 #article aside
.chip i
{
594 /* ==========================================================================
596 ========================================================================== */
598 @media only screen and
(max-width: 992px) {
623 #article > header
> h1
{
628 width: 240px !important
;
636 display: inline-block
;
649 .pagination li.next {
654 @media only screen and
(min-width: 400px) {
660 @media only screen and
(min-width: 993px) and
(max-width: 1180px) {
712 @media only screen and
(max-width: 350px) {
718 /* ==========================================================================
720 ========================================================================== */
722 .icon-google-plus2::before {
726 .icon-facebook2::before {
730 .icon-twitter::before {
734 .icon-apple::before {
738 .icon-android::before {
742 .icon-chrome::before {
746 .icon-firefox::before {
754 footer
[class^
="icon-"],
755 footer
[class
*=" icon-"] {
757 transition: text-shadow
0.2s ease
;
761 footer
[class^
="icon-"]:hover
,
762 footer
[class
*=" icon-"]:hover
{
763 text-shadow: 0 0 10px rgba
(0, 0, 0, 0.3);
766 /* ==========================================================================
768 ========================================================================== */
770 /* force height on non-input field in the settings page */
771 div
.settings div
.input-field div
,
772 div
.settings div
.input-field ul
{
776 /* but avoid to kill all file input */
777 div
.settings div
.file-field div
{
781 .input-field label.active {
785 nav
.input-field input
{