]>
git.immae.eu Git - github/wallabag/wallabag.git/blob - src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css
1 /* ==========================================================================
14 ========================================================================== */
17 /* ==========================================================================
19 ========================================================================== */
22 font-family: 'icomoon';
23 src:url
('../font/icomoon/icomoon.eot?yw303w');
24 src:url
('../font/icomoon/icomoon.eot?yw303w#iefix') format
('embedded-opentype'),
25 url
('../font/icomoon/icomoon.ttf?yw303w') format
('truetype'),
26 url
('../font/icomoon/icomoon.woff?yw303w') format
('woff'),
27 url
('../font/icomoon/icomoon.svg?yw303w#icomoon') format
('svg');
32 [class^
="icon-"], [class
*=" icon-"] {
33 font-family: 'icomoon';
41 /* Better Font Rendering =========== */
42 -webkit-font-smoothing: antialiased
;
43 -moz-osx-font-smoothing: grayscale
;
49 flex-direction: column
;
59 border-bottom: 1px solid
#DDD;
66 main
, #content
, .valign-wrapper
{
79 .results .nb-results, .results .pagination {
102 .pagination li.active span {
109 .pagination .disabled {
114 .page-footer .footer-copyright p {
122 .picker__date-display {
135 /* ==========================================================================
137 ========================================================================== */
143 .nav-wrapper .button-collapse {
155 .nav-panel-buttom li {
160 transition: background
0.2s ease
;
163 .nav-panel-add
.mdi-content-add
,
164 .nav-panel-search
.mdi-action-search
,
165 .nav-panels .mdi-navigation-close {
166 color: #444 !important
;
169 .nav-panels .action {
170 padding-left: 0.75rem;
175 .nav-panels .input-field input {
177 line-height: inherit
;
178 padding-left: 4rem !important
;
179 width: calc
(100% - 8rem);
182 .nav-panels .input-field input:focus {
183 background-color: #fff;
189 .input-field.nav-panel-add label {
193 .input-field.nav-panel-add .mdi-navigation-close {
200 transition: .3s color
;
210 .input-field.nav-panel-add, .input-field.nav-panel-add form {
214 /* ==========================================================================
216 ========================================================================== */
228 .side-nav > li.logo {
243 background: transparent
;
254 /* ==========================================================================
256 * ========================================================================== */
263 .side-nav.fixed.right-aligned {
265 left: auto
!important
;
269 #filters div
.with-checkbox
{
274 /* ==========================================================================
276 ========================================================================== */
283 padding: 0px 0.75rem;
286 .data .card .card-body {
291 .card .card-content .card-title {
297 .card .card-content i.right, .card .card-reveal i.right {
301 .card .card-content .estimatedTime {
305 .card .card-action .original {
309 .card .card-action ul.links {
315 .card .card-action a {
320 .card .card-action a:hover {
324 .settings .div_tabs {
325 padding-bottom: 15px;
334 .mdi-card-close:before {
342 .card .card-image .preview {
344 background-size: cover
;
345 background-repeat: no-repeat
;
346 background-position: 50%;
349 /* ==========================================================================
351 ========================================================================== */
366 width: 95px !important
;
367 transition: width
0.2s ease
;
371 width: 240px !important
;
374 .reader-mode .collapsible-body {
379 .reader-mode:hover .collapsible-body {
385 transition: opacity
0.2s ease
;
388 .reader-mode:hover span {
401 #article aside
.link
{
404 text-decoration: none
;
407 #article aside #list
{
412 #article aside
.chip
{
413 background-color: #039be5;
417 #article aside
.chip i
{
421 /* ==========================================================================
423 ========================================================================== */
425 @media only screen and
(max-width : 992px) {
426 header
, main
, footer
{
436 width: 240px !important
;
443 display: inline-block
;
452 .pagination li.prev, .pagination li.next {
457 @media only screen and
(min-width : 400px) {
463 @media only screen and
(min-width : 993px) and
(max-width : 1180px) {
496 @media only screen and
(max-width : 350px) {
502 /* ==========================================================================
504 ========================================================================== */
506 .icon-google-plus2:before {
509 .icon-facebook2:before {
512 .icon-twitter:before {
518 .icon-android:before {
521 .icon-chrome:before {
524 .icon-firefox:before {
528 footer
[class^
="icon-"], footer
[class
*=" icon-"] {
530 transition: text-shadow
0.2s ease
;
534 footer
[class^
="icon-"]:hover
, footer
[class
*=" icon-"]:hover
{
535 text-shadow: 0 0 10px rgba
(0,0,0,0.3);
539 /* ==========================================================================
541 ========================================================================== */
543 /* force height on non-input field in the settings page */
544 div
.settings div
.input-field div
, div
.settings div
.input-field ul
{
547 /* but avoid to kill all file input */
548 div
.settings div
.file-field div
{