]>
git.immae.eu Git - github/wallabag/wallabag.git/blob - src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
1 /* ==========================================================================
15 ========================================================================== */
18 /* ==========================================================================
20 ========================================================================== */
25 flex-direction: column
;
30 border-bottom: 1px solid
#DDD;
46 .results .nb-results, .results .pagination {
51 .page-footer .footer-copyright p {
59 /* ==========================================================================
61 ========================================================================== */
67 .nav-wrapper .button-collapse {
79 .nav-panel-buttom li {
88 transition: background
0.2s ease
;
91 .nav-panel-add
.mdi-content-add
,
92 .nav-panel-search
.mdi-action-search
,
93 .nav-panels .mdi-navigation-close {
94 color: #444 !important
;
98 padding-left: 0.75rem;
103 .nav-panels .input-field input {
105 line-height: inherit
;
106 padding-left: 4rem !important
;
107 width: calc
(100% - 8rem);
110 .nav-panels .input-field input:focus {
111 background-color: #fff;
117 .input-field.nav-panel-add label {
121 .input-field.nav-panel-add .mdi-navigation-close {
128 transition: .3s color
;
131 /* ==========================================================================
133 ========================================================================== */
145 .side-nav > li.logo {
167 /* ==========================================================================
169 ========================================================================== */
176 padding: 0px 0.75rem;
179 .data .card .card-content {
184 .card .card-content .card-title {
188 .card .card-content .estimatedTime {
192 .card .card-action .original {
196 .card .card-action ul.links {
202 .card .card-action a {
206 .settings .div_tabs {
207 padding-bottom: 15px;
216 /* ==========================================================================
218 ========================================================================== */
227 width: 95px !important
;
228 transition: width
0.2s ease
;
232 width: 240px !important
;
237 transition: opacity
0.2s ease
;
240 .reader-mode:hover span {
244 /* ==========================================================================
246 ========================================================================== */
248 @media only screen and
(max-width : 992px) {
249 header
, main
, footer
{
259 width: 240px !important
;
266 @media only screen and
(min-width : 993px) and
(max-width : 1180px) {
299 @media only screen and
(max-width : 350px) {