]>
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
);
38 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");
42 font-family: 'Material Icons';
45 font-size: 24px; /* Preferred icon size */
48 display: inline-block
;
51 letter-spacing: normal
;
56 /* Support for all WebKit browsers. */
57 -webkit-font-smoothing: antialiased
;
58 /* Support for Safari and Chrome. */
59 text-rendering: optimizeLegibility
;
61 /* Support for Firefox. */
62 -moz-osx-font-smoothing: grayscale
;
65 font-feature-settings: 'liga';
78 /* Better Font Rendering =========== */
79 -webkit-font-smoothing: antialiased
;
80 -moz-osx-font-smoothing: grayscale
;
86 flex-direction: column
;
95 border-bottom: 1px solid
#ddd;
119 .results
.nb-results
,
120 .results .pagination {
130 margin: 0 !important
;
143 .pagination .disabled {
148 div
.pagination ul
.prev
.disabled
,
149 div
.pagination ul
.next
.disabled
{
153 .pagination li.active span {
160 .page-footer .footer-copyright p {
168 .picker__date-display {
181 /* ==========================================================================
183 ========================================================================== */
189 .nav-wrapper .button-collapse {
201 .nav-panel-buttom li {
206 transition: background
0.2s ease
;
210 .nav-panel-search
.search
,
212 color: #444 !important
;
215 .nav-panels .action {
216 padding-left: 0.75rem;
221 .nav-panels .input-field input {
223 line-height: inherit
;
224 padding-left: 4rem !important
;
225 width: calc
(100% - 8rem);
228 .nav-panels .input-field input:focus {
229 background-color: #fff;
235 .input-field.nav-panel-add label {
239 .input-field.nav-panel-add .close {
246 transition: 0.3s color
;
257 /* ==========================================================================
259 ========================================================================== */
267 .side-nav
.collapsible-header
,
268 .side-nav.fixed .collapsible-header {
278 .side-nav > li.logo {
293 background: transparent
;
304 /* ==========================================================================
306 * ========================================================================== */
313 .side-nav.fixed.right-aligned {
315 left: auto
!important
;
319 #filters div
.with-checkbox
{
324 /* ==========================================================================
326 ========================================================================== */
336 .data .card .card-body {
341 .card .card-content .card-title {
345 .card .card-content .estimatedTime {
349 .card .card-action .original {
353 .card .card-action ul.links {
359 .card .card-action a {
364 .card .card-action a:hover {
368 .settings .div_tabs {
369 padding-bottom: 15px;
382 .card .card-image .preview {
384 background-size: cover
;
385 background-repeat: no-repeat
;
386 background-position: 50%;
389 /* ==========================================================================
391 ========================================================================== */
405 width: 95px !important
;
406 transition: width
0.2s ease
;
410 width: 240px !important
;
413 .reader-mode .collapsible-body {
418 .reader-mode:hover .collapsible-body {
424 transition: opacity
0.2s ease
;
427 .reader-mode:hover span {
440 #article aside
.link
{
443 text-decoration: none
;
446 #article aside #list
{
451 #article aside
.chip
{
452 background-color: #039be5;
456 #article aside
.chip i
{
460 /* ==========================================================================
462 ========================================================================== */
464 @media only screen and
(max-width: 992px) {
479 width: 240px !important
;
485 display: inline-block
;
494 .pagination li.prev, .pagination li.next {
499 @media only screen and
(min-width: 400px) {
505 @media only screen and
(min-width: 993px) and
(max-width: 1180px) {
548 @media only screen and
(max-width: 350px) {
554 /* ==========================================================================
556 ========================================================================== */
558 .icon-google-plus2::before {
562 .icon-facebook2::before {
566 .icon-twitter::before {
570 .icon-apple::before {
574 .icon-android::before {
578 .icon-chrome::before {
582 .icon-firefox::before {
586 footer
[class^
="icon-"],
587 footer
[class
*=" icon-"] {
589 transition: text-shadow
0.2s ease
;
593 footer
[class^
="icon-"]::hover
,
594 footer
[class
*=" icon-"]::hover
{
595 text-shadow: 0 0 10px rgba
(0, 0, 0, 0.3);
598 /* ==========================================================================
600 ========================================================================== */
602 /* force height on non-input field in the settings page */
603 div
.settings div
.input-field div
,
604 div
.settings div
.input-field ul
{
608 /* but avoid to kill all file input */
609 div
.settings div
.file-field div
{